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

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

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

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

#adv-23rd p{
	margin: 0;
}

#adv-23rd a {
    text-decoration: none;
        /*color: #fefefe;*/
}

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

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

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

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

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

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

/*----------------------------------------
  mi-KV
----------------------------------------*/
#adv-23rd.mi-all{

        background-color: #0b1423;
    margin: 0 auto;

    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background-image: url(../images/mi-23rdnvs-con-allbg.jpg);
    background-repeat: no-repeat;
    background-position: top;
        background-size: cover;

    padding-bottom: 5%;

}

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

    /*background-position: center;
background-image: url(../images/mi-data-bg.png);
background-position: center;
    background-repeat: repeat;
        background-color: #fefefe;*/

        /*padding-bottom: 2%;*/
}

#adv-23rd .mi-kv-box{
        width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0% 10% 1% 10%;
}

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

            width: 90%;
    margin: auto;

     
}

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

#adv-23rd .mi-kv-box-l{
    width: 50%;
        margin-bottom: 0%;
        margin-top: 2%;
        text-align: center;
            z-index: 50;
}

#adv-23rd .mi-kv-box-l-l{
width: 57%;
    z-index: 50;
}

#adv-23rd .mi-kv-box-l-r{
    margin-bottom: 5%;
    margin-bottom: 0%;
    margin-top: -3%;
    width: 42%;
}

#adv-23rd .mi-kv-box-l-r{
    animation: movepoint-kv-pd 3s infinite;
    -webkit-animation: movepoint-kv-pd 3s infinite;
}

@keyframes movepoint-kv-pd {
    25% {
        margin-top: 0%;
    }
    100%,
     {
        margin-top: -3%;
    }
}

#adv-23rd .mi-kv-box-r{
	width: 32%;
    width: 89%;
    /*margin-top: 8%;*/
        /*margin-bottom: 3%;*/
        display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

       background-color: #f2f2f2;
    padding: 2% 0%;


        background-color: #f5f1af;
    border: 5px solid #b58b3a;
    border-radius: 10px;
    background: #d5b767;
    background: -moz-linear-gradient(left, #d5b767 0%, #efecaa 50%, #f5f1ad 55%, #d5b767 100%);
    background: -webkit-linear-gradient(left, #d5b767 0%,#efecaa 50%,#f5f1ad 55%,#d5b767 100%);
    background: linear-gradient(to right, #d5b767 0%,#efecaa 50%,#f5f1ad 55%,#d5b767 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5b767', endColorstr='#d5b767',GradientType=1 );

}

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

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

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

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

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

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

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

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

	#adv-23rd .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-position: center;
padding-top: 5%;
        /*background-position: top;*/
	}

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

	#adv-23rd .mi-kv-box-l{
	    width: 100%;
	    margin-bottom: 10%;
            text-align: center;
       margin-top: 0%;
	}

    #adv-23rd .mi-kv-box-l-l{
        margin-bottom: 5%;
    }

	#adv-23rd .mi-kv-box-r{
		    width: 90%;
    margin: auto;
	}


}


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

#adv-23rd .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-23rd .m-sel-btn{
	flex: 0 0 33%;
    flex: 0 0 16%;
	display: flex;
	justify-content: center;
    align-items: center;
    font-size: 1rem;
    /*font-size: 1rem;*/
    color: #fefefe;
       /* color: #b8e3ff;*/
    /*background-color: #1b4c9e;*/
    padding: 1%;
	box-sizing: border-box;
    transition: all 0.2s;
    /*border: 1px solid #0a4b67;*/
        text-align: center;
        cursor: pointer; 
/*
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: 2rem;
            border: 1px solid #243e66;
                border: 1px solid #3dbede;
    line-height: 1rem;
            /*border-radius: 10px;*/
}

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

#adv-23rd .m-sel-btn:hover{
        background-color: #06719e;
            background-color: #0c75ba;
            background-color: #071b4f;
            background-color: #2fd0f8;
                color: #071b4f;
    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-23rd .mi-sel-box{
            padding-right: 6%;
    padding-left: 6%;
    }

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

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

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

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

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

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

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

            background-color: #91d04f;

            background-color: #f3f3f3;

                background-color: #ffffff;

    background-position: center;*/


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




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

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

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

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

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

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

    background-color: #222222;
}

#adv-23rd .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-23rd .mi-box-wall{
    padding: 2%;
    /*padding-bottom: 5%;*/
    margin: auto;

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

    border-radius: 10px;

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

        padding: 0% 10% 0% 10%;
}

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

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

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

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

#adv-23rd .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-23rd .mi-box-wall-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
        justify-content: flex-start;
            justify-content: center;
            transition: all 0.5s;

                /*border: 5px solid #b58b3a;*/
    border-radius: 10px;
    /*background: #d5b767;*/
    padding: 2%;

}

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

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

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

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

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

    	    padding: 0% 6%;
	}

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

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

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

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

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

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

}

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

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

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


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

#adv-23rd .mi-call-btn{
    width: 50%;
    margin: auto;
        transition: all 0.5s;
        cursor: pointer;
}

#adv-23rd .mi-call-btn:hover{
        opacity: 0.7;
}


#adv-23rd .mi-call-btn{
        /* animation 參數設定 */
    animation-name: movebtn-01;    /*動畫名稱，需與 keyframe 名稱對應*/
    animation-duration: 4s;    /*動畫持續時間，單位為秒*/
    animation-delay: 0s;    /*動畫延遲開始時間*/
    animation-iteration-count: infinite;    /*動畫次數，infinite 為無限次*/    
    -moz-animation-direction: alternate;
}

/* 關鍵影格(@keyframe) */
@keyframes movebtn-01 {
      0%{
            width: 45%;
    }
      50%{
        width: 53%;
    }

     100%{
            width: 45%;
    }
}


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

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

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

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


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

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

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

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

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

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


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

}

#adv-23rd .mi-box-1-jcs{
    justify-content: space-between;
}

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


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

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

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

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

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

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

#adv-23rd .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: 45%;
        display: inline-block;
    margin: auto;
}

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

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

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

#adv-23rd .mi-box-3{
    background-image: url(../images/mi-23rdnvs-con-spd.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: cover;
    /*border-radius: 10px;*/
    padding: 5px;
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    /*margin-bottom: 5%;*/

    /*background-color: #fefefe;*/
  
           /*  box-shadow: 0px 10px 30px 0px rgb(122 122 122 / 20%);
       margin: auto;*/
       transition: all 0.3s;
    width: 24%;
    width: 28%;
    width: 30%;
   align-items: flex-start;
       position: relative;

z-index: 50;

display: inline-block;
    margin: 1%;
}

#adv-23rd .mi-box-5{
    padding: 5px;
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    box-shadow: 0px 10px 30px 0px rgb(122 122 122 / 20%);
    transition: all 0.3s;
    width: 20%;
    width: 100%;
    align-items: flex-start;
}

#adv-23rd .list-box-fact{
    width: 40%;
    box-shadow: none;
}

#adv-23rd .mi-box-3:hover{
     box-shadow:none;
}

#adv-23rd .mi-box-4{

    border-radius: 10px;
    padding: 15px;
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 1%;

       /* margin: auto;*/

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

#adv-23rd .mi-box-4{
        background-image: url(../images/mi-23rdnvs-select-pd-box.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: cover;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#adv-23rd .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;
        max-width: 1200px;
    width: 100%;
        margin: auto;
    margin-bottom: 3%;
        /*position: relative;*/
       
        justify-content: center;
     justify-content: space-around;
}

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

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

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

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

#adv-23rd .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-23rd .mi-pd-box{
    /*margin-bottom: 10%;*/
        /*background-color: #fefff9;*/
        /*background-color: #071b4f;*/
            padding: 5% 5%;
                padding-bottom: 0%;
        /*padding-bottom: 8%;*/
        padding-top: 8%;
            border-radius: 10px;
            transition: all 0.3s;
                position: relative;
}

#adv-23rd .mi-pd-box:hover{
    /*box-shadow: 0px 10px 30px 0px rgb(255 255 255 / 70%);*/
}

#adv-23rd .mi-pd-box-nobg{
    background: none;
        padding: 0;

     /*background-color: #eee6a1;*/
    width: 100%;
        margin-top: 10%;
}

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

        background-color: #fefefe;

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

        width: 100%;
}

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

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

#adv-23rd .mi-gift-btn{

}

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

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

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

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

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

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

#adv-23rd .mi-pd-box-pd-font-info{

}



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

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

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

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

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

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

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

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

#adv-23rd .mi-video-l{

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

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

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

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

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

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

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

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

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

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

            /*color: #fefefe;*/
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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



	#adv-23rd .mi-box-3{
	    width: 80%;
        width: 100%;
         padding: 0;
         margin-bottom: 5%;
	}

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

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

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

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

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

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

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

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

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

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

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



}

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

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

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

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

#adv-23rd .mi-pd-price{
	    font-size: 1.5rem;
    /*letter-spacing: 0.1rem;*/
        margin-bottom: 1rem;
            margin-top: 0rem;
    color: #ff01e3;
        /*color: #ff0000;
    margin-top: 4%;*/

        text-align: left;
        padding: 0% 5%;
    text-align: center;
        font-weight: bold;
}

#adv-23rd .mi-pd-price-pd{
font-size: 1.1rem;
    color: #ff01e3;
        text-align: left;
        padding-left: 0;
}

#adv-23rd .mi-pd-price-s{
    font-size: 0.8rem;
    /*letter-spacing: 0.1rem;*/
    margin-bottom: 1rem;
    margin-top: 0rem;
    color: #0c98f2;
    color: #0a0e29;
    margin-top: 4%;
    text-align: left;
    /*margin-left: 5%;*/
        padding: 0 5%;
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    transition: 0.3s;

        width: 46%;
}

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

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

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

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

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

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

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

td{
    border: 1px solid!important;
}

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

	}
}

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

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

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

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

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

#adv-23rd .mi-img-100{
	width: 100%;
        display: block;
}

#adv-23rd .mi-img-2{
    width: 2%;
}

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

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

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

#adv-23rd .mi-img-70{
    width: 70%;
    margin: auto;
}

#adv-23rd .mi-img-69{
    width: 69%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

  line-height: 15px;
}


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

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

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

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

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

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

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

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

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

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

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

#adv-23rd .pc_menu--colored{
    /*box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    opacity: 0.9;*/
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;

        padding-bottom: 0%;
        padding-top: 0%;
            max-width: 100%;

            font-weight: bold;
        width: 10%;

        width: 25%;
}

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

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

	z-index: 200;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }


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


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

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

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

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

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

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

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

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

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

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


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

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

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

#adv-23rd .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: #91d04f;
}

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

      line-height: 18px;
}

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

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

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

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

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

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

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

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

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

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

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


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

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

  #adv-23rd .mi-pd-btn{
        padding: 6px 0px;

                /*border-radius: 5px;*/
    text-decoration: none;
    color: #76bb2f;
    color: #4e4e4e;
    /*color: #ffffff;*/
            
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    /*background-color: #def4fc;*/
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: bold;
    display: block;
        width: 50%;

    cursor: pointer;
    margin-top: 2%;
    border: 2px solid #3fb7e6;
            border: 2px solid #ffffff;
                border: 1px solid #4e4e4e;
                    border: 1px solid #d3d3d3;
                        border: 1px solid #565656;
                            border: 1px solid #2a4170;
    /*box-shadow: 1px 1px 2px 1px #def4fc;*/
    
    transition: 0.5s;
    margin-left: 5%;
        margin: auto;
    border-radius: 5px;
        margin-top: 1%;

        color: #ffffff;
    background-color: #9601ff;
    /*background-color: #fc58ff;
    background-color: #dc1d1d;*/
 }

   #adv-23rd .mi-pd-btn-pd{
    width: 70%;
    line-height: 1rem;
    margin-top: 8%;
        font-size: 0.9rem;
            margin-left: 50%;
   }

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


   #adv-23rd .mi-pd-btn-s{
            padding: 3px 20px;
    border-radius: 5px;
    text-decoration: none;
    color: #76bb2f;
    /*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: 40%; */
    display: inline;
    cursor: pointer;
    /* margin-top: 10%; */
    /* border: 2px solid #3fb7e6; */
    /* border: 2px solid #ffffff; */
    /* border: 1px solid #4e4e4e; */
    border: 1px solid #d3d3d3;
    /* box-shadow: 1px 1px 2px 1px #def4fc; */
    transition: 0.5s;
        margin-right: 1%;
 }

    #adv-23rd .mi-pd-btn-s:hover{
        background-color: #2fd0f8;
        box-shadow: none;
        color: #fefefe;
        border: none;
    }

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

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

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

  line-height: 12px;
}

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

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

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

#adv-23rd .mi-pd-btn:hover{
    box-shadow: none;

    background-color:  #111d46;
    background-color:  #0d2a3c;
        background-color: #10f3ff;
    border: 1px solid #10f3ff;
    color: #fefefe;
        color: #3c2062;
    /*border: 2px solid #0c98f2;*/
}


/*按鈕效果*/

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

  line-height: 18px;
}

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

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

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

#adv-23rd .mi-step-btn:hover{
    box-shadow: none;
    /*background-color: #2fd0f8;
    color: #fefefe;*/
    border: none;
}



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

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

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

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

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

        box-shadow: none;
}

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

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

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

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

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

#adv-23rd .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-23rd .mi-time-tit span{
    font-size: 0.8rem;
}

#adv-23rd .mi-tit-blue{
    font-size: 2rem;
    font-weight: bold;
        color: #fefefe;
            margin: auto;
    margin-bottom: 3%;
        width: 80%;
            width: 100%;
        /*width: 40%;*/
            margin-left: 0%;
}

#adv-23rd .mi-tit-blue-icon{
    font-size: 2rem;
    font-weight: bold;
    color: #76bb2f;
        color: #0c98f2;
    margin-bottom: 1%;
}

#adv-23rd .mi-tit-blue-big{
        margin-bottom: 5%;
            margin-left: 0;
    width: 85%;
}

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

#adv-23rd .mi-tit-blue-s{
        font-size: 1.7rem;
    font-weight: bold;
    color: #76bb2f;

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

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

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

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

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

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

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

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

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

            background-color: #34c4ba;
}

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

        background-color: #22aba4;
}

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

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

#adv-23rd .mi-main-light-first{
        /*background-image: url(../images/mi-data-bg.png);
    background-position: top;
    background-repeat: repeat;
    background-color: #fefefe;*/

    padding-top: 0%;
}

#adv-23rd .mi-main-light-g{

    
    background-image: url(../images/mi-23rdnvs-con-bigbg.png);
    background-position: top;
    background-repeat: no-repeat;

/*
background: #28343a; 
background: -moz-linear-gradient(top,  #28343a 0%, #121c21 100%); background: -webkit-linear-gradient(top,  #28343a 0%,#121c21 100%); 
background: linear-gradient(to bottom,  #28343a 0%,#121c21 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343a', endColorstr='#121c21',GradientType=0 ); 
*/


        padding-top: 9%;
            padding-bottom: 3%;

    width: 90%;
    margin: auto;
    background-size: contain;
}

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

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

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

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

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

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

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

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

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


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


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

#adv-23rd .mi-call-box{
    /*padding-left: 10%;*/
        padding: 0;

    width: 85%;
    margin: auto;
}


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

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

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

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

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

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

    margin: 0% 3%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*#adv-23rd .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-23rd .mi-filtit-in{
    color: #76bb2f;
    font-weight: bold;
    width: 100%;
}

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

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


#adv-23rd .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-23rd .mi-box-bg-ob{
    background-color: #91d04f;
    background-color: #f7f7f7;
        background-color: #ffffff;
        /*background-color: #101340;
            background-color: #081246;*/
}

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

#adv-23rd .mi-tit-org{
    color: #2fd0f8;
        color: #ffffff;
     
}

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

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

#adv-23rd .mi-call-btn{
    width: 50%;
    margin: auto;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    margin-top: 4%;
    color: #fefefe;
        font-size: 1rem;
}

#adv-23rd .mi-call-btn-two{
width: 70%;
    transition: all 0.5s;
        cursor: pointer;
}

#adv-23rd .mi-call-btn-two:hover{
        opacity: 0.7;
}

#adv-23rd .mi-call-btn-two{

}

#adv-23rd .mi-call-btn-two{
        /* animation 參數設定 */
    animation-name: movebtn-02;    /*動畫名稱，需與 keyframe 名稱對應*/
    animation-duration: 4s;    /*動畫持續時間，單位為秒*/
    animation-delay: 0s;    /*動畫延遲開始時間*/
    animation-iteration-count: infinite;    /*動畫次數，infinite 為無限次*/    
    -moz-animation-direction: alternate;
}

/* 關鍵影格(@keyframe) */
@keyframes movebtn-02 {
      0%{
            width: 60%;
    }
      50%{
        width: 70%;
    }

     100%{
            width: 60%;
    }
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#adv-23rd .mi-pd-tit-one{
       font-size: 1rem;
    font-weight: bold;
    color: #10f3ff;
                color: #ffffff;
                    text-align: left;
       
            padding: 0 5%;

     /*margin-bottom: 1%;
    min-height: 35px;
        margin-top: 3%;*/
    line-height: 1.5rem;
    /*margin-bottom: 7%;*/
        text-align: center;
}

#adv-23rd .mi-pd-tit-one-pd{
font-size: 1rem;
    font-size: 0.9rem;
    min-height: auto;
        text-align: left;
            padding-left: 0;
                padding-right: 0;
}

#adv-23rd .mi-pd-tit-one-sp{
    font-size: 0.7rem;
}

#adv-23rd .mi-pd-price-oripri{
    font-size: 0.9rem;
        margin-right: 5%;
    display: inline-block;
    text-decoration: line-through;
    color: #fefefe;
}


#adv-23rd .mi-pd-tit-two{
    font-size: 1rem;
    /*margin-bottom: 5%;*/
        color: #8dc248;
        color: #10f3ff;
            /*color: #ff00e3;*/

            text-align: left;
    font-weight: bolder;
    /*min-height: 52px;*/
    line-height: 1.6rem;
    padding: 0 5%;
        /*min-height: 77px;*/
        margin-left: 0%;
    margin-left: -3%;
            /*-webkit-text-stroke: 1px #ffa8f5;
    text-stroke: 1px #ffa8f5;*/
}

#adv-23rd .mi-pd-tit-two-sp{
    /*font-size: 0.8rem;*/
}


#adv-23rd .mi-pd-tit-two-ssp{
    /*font-size: 0.7rem;*/
}



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

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

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

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

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

#adv-23rd .mi-pd-img{
    position: relative;
        margin: auto;
            margin-bottom: 4%;
       margin-top: 10%; 
}

#adv-23rd .mi-pd-img-pd{
    margin-top: 2%; 
}

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

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


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

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

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

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

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

#adv-23rd .mi-sp-round{
    background-image: url(../images/mi-23rdnvs-con-spd-sc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: cover;
    /*background-color: #2fd0f8;*/
    width: 120px;
    height: 120px;
    border-radius: 120px;
    position: absolute;
    left: 180px;

    color: #fefefe;
    color: #ff01e3;
    font-weight: bold;
       line-height: 22px;
    padding-top: 9%;
    font-size: 1rem;
           color: #1d335f;
           top: -10px;
    left: 230px;
        left: 70%;
    z-index: 50;
}


#adv-23rd .mi-sp-round-sp{
    font-size: 1.3rem;
    margin-bottom: 2%;
        line-height: 2.2rem;
    font-weight: bold;
        color: #dc1d1d;
}

#adv-23rd .mi-sp-round-sp-num{

}


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

#adv-23rd .mi-new-show{
    
        background-image: url(../images/mi-data-bg.png);

    background-repeat: repeat;
    background-color: #fefefe;
    background-position: top;


    padding-bottom: 2%;
    padding-top: 4%;
        margin-bottom: 0%;
}

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

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

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

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

#adv-23rd .mi-year-gift-box-tit{

    width: 80%;
    margin: auto;
            margin-top: 10%;
    margin-bottom: 10%;
    color: #9b9b9b;
        line-height: 1.5rem;
}

#adv-23rd .mi-cases-tit{
        color: #0d2a3c;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
        padding-bottom: 15%;
    border-bottom: 1px solid #9b9b9b;
}

#adv-23rd .mi-cases-price{
     color: #0d2a3c;
    font-size: 1.5rem;
    line-height: 2rem;
        margin-top: 15%;
margin-bottom: 10%;
}

#adv-23rd .mi-cases-price-sp{
font-weight: bold;
}

#adv-23rd .mi-cases-price span{
    font-size: 0.8rem;
    line-height: 1rem;
}

#adv-23rd .mi-cases-con{
    font-size: 1rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-bottom: 10%;
        min-height: 80px;
}

#adv-23rd .mi-cases-item-box{
        margin-bottom: 20%;
    min-height: 75px;
}

#adv-23rd .mi-cases-item{
    font-size: 0.8rem;
    line-height: 1.5rem;
}

#adv-23rd .mi-cases-item span{
    margin-right: 5%;
}

#adv-23rd .mi-cases-item span img{
    width: 5%;
    display: inline-block;
}

#adv-23rd .mi-cases-item-sp{

}

#adv-23rd .mi-cases-btn{
    background-color: #0d2a3c;
    width: 100%;
    color: #ffffff;
    border-radius: 5px;
    margin-bottom: 5%;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    line-height: 35px;
    letter-spacing: 2px;
    /* border-top: 1px rgba(0, 0, 0, 0.3) dashed; */
    height: 35px;
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    transition: all 0.3s;
}

#adv-23rd .mi-btn-go{
        background-color: #ffaf01;
    width: 25%;
        color: #fefefe;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
        padding: 1.1% 0%;
    letter-spacing: 2px;
    /* border-top: 1px rgba(0, 0, 0, 0.3) dashed; */

    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    transition: all 0.3s;
    margin: 0% 2%;
        line-height: 1.2rem;
}

#adv-23rd .mi-btn-go:hover{
    background-color: #f29400;
}

#adv-23rd .no-gutters{
   margin-bottom: 4.5%;
   margin-top: 2%;
}

#adv-23rd .mi-cases-btn-sp{
        background-color: #ffae00;
}


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

    #adv-23rd .mi-btn-go-mb-01{
        margin-top: 5%;
            margin-bottom: 5%;
    }


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

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

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

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

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

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

    }

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

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

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

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


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

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


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

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

    #adv-23rd .mi-pd-img{
        width: 100%;
        margin: auto;
    }

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

     #adv-23rd .mi-kv-box-r{
            margin-top: 0%;
        /*margin-bottom: 10%;*/
     }

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

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

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

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

}


//按鈕變色

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


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

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

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

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

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

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

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



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


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

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

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

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

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

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

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

        background: none;
    border: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    background-color: #ceecff;
}


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

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

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

#adv-23rd .mi-step-btn{
        padding: 3px 20px;
    text-decoration: none;

        /*color: #2fd0f8;
    border-radius: 15px;*/
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    /*background-color: #008917;*/
    font-size: 1rem;
    line-height: 2rem;
    font-weight: bold;
    display: block;
    cursor: pointer;
    margin-top: 10%;
    /* box-shadow: 1px 1px 2px 1px #def4fc; */
    transition: 0.5s;
    margin: auto;
    display: inline-block;
        /*border: 1px solid #2fd0f8;*/

}
#adv-23rd .mi-pdsel-btn{
 cursor: pointer;
}
#adv-23rd .mi-pdsel-btn:hover{
    box-shadow: 0px 10px 30px 0px rgb(255 255 255 / 30%);
}

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

#adv-23rd .mi-box-call-l{
    width: 40%;

        z-index: 50;
        
}

#adv-23rd .mi-box-call-r{
    width: 57%;
    text-align: center;
        margin-top: 3%;
            
    margin-left: 3%;
        z-index: 50;
}

#adv-23rd .mi-box-call-r-texl{
        text-align: left;
}

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

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

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

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

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

#adv-23rd .mi-step-btn{
        width: 100%;
        font-size: 0.8rem;
    line-height: 1.5rem;
}

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

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

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

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

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

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

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


}

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

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

        cursor: pointer;
}

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

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

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

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

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

#adv-23rd .mi-main-green-bg{
      /*background-image: url(../images/mi-data-bg.png);
    background-color: #cae2aa;
    background-position: center;
    background-repeat: repeat;
                    background-color: #1c1c1b;*/

                    width: 90%;
     width: 100%;
    margin: auto;
}

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

    margin-bottom: 4%;

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

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

}

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

        position: relative;
    width: 40%;
}

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

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

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

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

        background-color: #ffba00;

}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#adv-23rd .mi-news-bg{
    background-image: url(../images/mi-year-bg-ss.gif);
    background-position: center;
    background-repeat: no-repeat;        
        background-color: #101340;
        background-color: #081246;
            background-color: #13336b;
            background-color: #0a0e29;
        /*background-color: #ffffff;*/
        padding-bottom: 1%;
        padding-top: 2%;
}

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

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

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

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

}

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

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

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

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

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

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

#adv-23rd #list.list-nmb{
    margin-bottom: 0%;
}

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

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

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

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

#adv-23rd .mi-green-line-updown{

    top: 50%;
        /*border-top: 1px solid #66b95f;
    padding-top: 2%;
    border-bottom: 1px solid #66b95f;
    padding-bottom: 1%;*/
    padding: 0;
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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


#adv-23rd .mi-z02-why{
    /*padding: 4%;*/
    margin: auto;
    text-align: center;

    background-image: url(../images/mi-data-bg.png);
    background-color: #cae2aa;
    background-position: top;
    background-repeat: repeat;




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

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

#adv-23rd .mi-list-conbox{
        width: 100%;
            margin-top: 3%;
}

#adv-23rd .mi-sec-tit{
    color: #1795e7;
        color: #b8e3ff;
    text-align: left;
    font-size: 0.9rem;
    margin-bottom: 4%;
        border-top: 1px solid #2f6d7f;
    padding-top: 3%;
    line-height: 1.2rem;
}

#adv-23rd .mi-pd-narr{
        text-align: left;
    margin-bottom: 1%;
    color: #838383;
        margin-left: 3%;
    /*color: #d1d1d1;*/
}

#adv-23rd .mi-pd-narr li{
    line-height: 1.5rem;
}


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


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

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

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

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

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

#adv-23rd .mi-adv-aitit{
    /*border-top: 1px solid #275178;*/
    padding-top: 1%;
    width: 90%;
    width: 100%;
    
    margin: auto;

    text-align: center;
    /*margin-bottom: 3%;*/
    /*margin-top: 1%;*/
}

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

#adv-23rd #SQFlash.index{

    /*background-image: url(../images/mi-ai-bg-00-dk.gif);

       background-color: #03071f;*/

           background-image: url(../images/mi-data-bg.png);
    background-position: top;
    background-repeat: repeat;
    background-color: #fefefe;

            background-position: top;
    background-repeat: no-repeat;
        padding: 5% 0%;
}

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

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

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

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

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

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

#adv-23rd #SQFlash .mi-list-flex{

 }

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

#adv-23rd #SQFlash .mi-mkcon-right{
    margin-left: 1%;
        margin-bottom: 4%;
}

#adv-23rd #SQFlash .mi-case-tit-se{
        color: #004280;
            font-weight: bold;
        margin-bottom: 2%;
            background-color: rgba(255, 255, 255, 0.65);
            background-color: #fefefe;
                background-color: #ededed;
}

#adv-23rd #SQFlash .mi-mkcon-left{
    margin-top: 0%;
    
    padding: 2%;

}

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

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

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

}

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

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

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

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

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

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

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

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

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

#adv-23rd .mi-morepd-pd{
    padding: 3px 20px;
    text-decoration: none;

    
    /*border-radius: 10px;*/
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: bold;
    display: block;
    width: 100%;
    /*width: 66.666%;*/
    cursor: pointer;
    margin-top: 10%;
    border: none;
    transition: 0.5s;
    margin: auto;
        margin-bottom: 3%;
            margin-top: 5%;

            /*background-color: #fefefe;*/
     color: #0c98f2;
         color: #2fd0f8;
         border: 1px solid #2fd0f8;
}

#adv-23rd .mi-morepd-pd:hover{

    box-shadow: none;
   

        background-color: #2fd0f8;
    color: #fefefe;
    border: 1px solid #d3d3d3;
    
}


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

    margin: auto;
    

        background-color: #081246;
    padding-bottom: 4%;
}

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

}   

#adv-23rd .mi-pdsel-btn{
    box-shadow: none;
    width: 23%;

        padding: 0 1%;
    margin: 0 1%;
        background-color: #fefefe;
border-radius: 10px;
        margin-bottom: 2%;
}

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

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

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

#adv-23rd .mi-sel-btn-case{
        text-decoration: none;
    /*border-radius: 10px;*/
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    

    font-weight: bold;
    display: inline-block;
    width: 20%;
    cursor: pointer;
    /* margin-top: 10%; */
    border: none;
    transition: 0.5s;
    margin: auto;
    margin-bottom: 2%;
        margin: 0 5px;

    /*background-color: #2fd0f8;
    color: #fefefe;*/

    color: #0c98f2;
        color: #0d2564;
            color: #333333;
    /*border: 1px solid #0c98f2;
    border: 1px solid #ffffff;*/
        border-bottom: none;
}

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

    /*background-color: #2fd0f8;
    color: #fefefe;*/

    color: #0c98f2;
    border: 1px solid #0c98f2;
}

#adv-23rd .js_imgBox{
        width: 100%;
}

#adv-23rd .mi-ai-items{
        padding-top: 1%;
    padding-bottom: 0.5%;
}

#SQFlash{
    background-color: #081246;
}

#adv-23rd .mi-btn-group{
        background-color: #e8f7ff;
        background-color: #071b4f;
    max-width: 1200px;
    border-radius: 0;
        padding-top: 1%;
}

#adv-23rd .mi-items-sp-mleft{
        margin-left: 3%;
}

#adv-23rd .mi-col-blue{

        color: #0d2a3c;
}

#adv-23rd .mi-col-white{
color: #fefefe;
}

#adv-23rd .mi-year-tit-bk{
        color: #609731;


}

#adv-23rd .mi-year-lott-btn{
    padding: 1px 20px;
    text-decoration: none;
    /* border-radius: 10px; */
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    font-size: 0.9rem;
    line-height: 2rem;
    font-weight: bold;
    display: block;
    width: 20%;
    /* width: 66.666%; */
    cursor: pointer;
    margin-top: 10%;
    border: none;
    transition: 0.5s;
    margin: auto;
    margin-bottom: 3%;
    margin-top: 2%;
    background-color: #fcc533;
    color: #580000;
    border: 1px solid #7c4815;
        border-radius: 20px;
}

#adv-23rd .mi-year-lott-btn:hover{
    box-shadow: none;
    background-color: #f8ad00;
    color: #fefefe;
    border: 1px solid #d3d3d3;
}

#adv-23rd .mi-box-no-pt{
    padding-top: 0;
    /*max-width: 1200px;*/
    width: 83%;
}

.#adv-23rd .mi-first-tit-pd-num{
        font-size: 0.6rem;
}



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

    #adv-23rd #SQFlash .mi-mkcon-user-left{
        width: 100%;
            padding: 7%;
    }

#adv-23rd .mi-sstit{
    font-size: 0.9rem;
}

#adv-23rd .mi-line-one{
        margin-bottom: 5%;
}

#adv-23rd .mi-line-two{
    margin-bottom: 6%;
}

#adv-23rd .mi-mb-pdt-no{
    padding-top: 0%;
}

#adv-23rd .mi-sp-tit-two-sp{
        font-size: 1.8rem;
}

#adv-23rd .mi-sp-slash{
        display: none;
}

#adv-23rd .mi-sp-tit-sstit{
           margin-left: -5%;
    font-size: 1.2rem;
    width: 100%;
}

#adv-23rd .mi-case-photo{
        width: 60%;
}

#adv-23rd .mi-box-call-l{
        width: 40%;
            margin-top: 5%;
}

#adv-23rd .mi-green-line-updown{
    border-top: none;
    padding-top: 2%;
    border-bottom: none;
    padding-bottom: 1%;
}

#adv-23rd .mi-bk-wf{
        text-align: center;
}

#adv-23rd .mi-sp-img{
    position: relative;
    left: 0px;
    bottom: 0px;
        margin-top: 10%;
}


#adv-23rd .mi-kvkv-btn{
     width: 60%;
}

#adv-23rd .mi-news-tit{
        font-size: 1.6rem;
}

#adv-23rd .mi-pd-price{
        margin-left: 0%;
}

     #adv-23rd .mi-real-case{
        width: 100%;
            margin-bottom: 3%;
 }

#adv-23rd .mi-pc-btn-only{
        margin-right: 0%;
}

#adv-23rd .mi-pd-gift{
        display: none;
}

#adv-23rd .mi-pd-gift{
        right: -8%;
}


#adv-23rd .mi-news-time{
        display: none;
}

#adv-23rd .mi-news-go{
        padding-top: 5%;
    padding-bottom: 5%;
}

#adv-23rd .mi-sp-tit{
    margin-bottom: 3%;
    font-size: 1.2rem;

    position: relative;
}



#adv-23rd .mi-sp-tit-two{
        margin-bottom: 3%;
        font-size: 1.6rem;
}

    #adv-23rd .mi-sp-con{
        font-size: 0.9rem;
        padding-bottom: 7%;
    }

#adv-23rd .mi-point-tit{
        font-size: 1.2rem;
}

    #adv-23rd .mi-sp-titbox{
            margin-bottom: 2%;
                text-align: center;
    }

    #adv-23rd .mi-sp-btn{
    margin-top: 5%;
    }


#adv-23rd .mi-news-first{
    padding: 5%;
    padding-bottom: 3%;
}

#adv-23rd .mi-news-st{
    width: 90%;
    margin: auto;
        margin-bottom: 5%;
}

#adv-23rd .mi-news-con{
        width: 90%;
    margin: auto;
}


#adv-23rd .mi-sp-pd-l{
    width: 60%;
    margin-bottom: 5%;
}

#adv-23rd .mi-sp-pd-r{
        width: 90%;
            margin-bottom: 10%;
}

#adv-23rd .mi-box-line{
        margin: auto;
    max-width: 80%;
    margin-top: 5%;
    margin-bottom: 7%;
}

#adv-23rd .mi-sp-tit-oneone{
        font-size: 1.5rem;
    right: -70px;
        position: absolute;
            width: 120px;
    height: 120px;
}

#adv-23rd .mi-sp-tit-twotwo{
        position: absolute;
    bottom: -20px;
    right: -90px;
        font-size: 1.2rem;
    width: 130px;
    height: 130px;
    padding-left: 6%;
}

#adv-23rd .mi-sp-tit-tit{
    top: 30%;
}

#adv-23rd .mi-sp-tit-tit-one{
    top: 25%;
}

    #adv-23rd .tabs-menu .tabs-menu-item {
        width: 33.3333%;
    }

       #adventech-lp .five-space{
            max-width: 100%;
       }
}


#adv-23rd .tab-10-test{
        /* animation 參數設定 */
    animation-name: movetodown;    /*動畫名稱，需與 keyframe 名稱對應*/
    animation-duration: 6s;    /*動畫持續時間，單位為秒*/
    animation-delay: 2s;    /*動畫延遲開始時間*/
    animation-iteration-count: infinite;    /*動畫次數，infinite 為無限次*/    
    -moz-animation-direction: alternate;
}

/* 關鍵影格(@keyframe) */
@keyframes movetodown {
    from {  display: block; }
    to {  display: none; }
}




/* Slideshow container */
#adv-23rd .slideshow-container {
  position: relative;
  background: #f1f1f1f1;
      background: #f6f6f6;
          width: 100%;
}

/* Slides */
#adv-23rd .mySlides {
  display: none;
  padding: 80px;
  padding-top: 0%;
  padding-bottom: 40px;
  text-align: center;
}

/* Next & previous buttons */
#adv-23rd .prev, #adv-23rd .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
#adv-23rd .next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
#adv-23rd .prev:hover, #adv-23rd .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

#adv-23rd .prev{
        left: 0;
}

/* The dot/bullet/indicator container */
#adv-23rd .dot-container {
    text-align: center;
    padding: 20px;
    background: #ddd;

        width: 100%;
}

/* The dots/bullets/indicators */
#adv-23rd .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
#adv-23rd .active, #adv-23rd .dot:hover {
  /*background-color: #717171;*/
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
#adv-23rd .author {color: cornflowerblue;}


#adv-23rd .mi-act-box{
        width: 95%;
        width: 85%;
    padding: 0px 0px;
        font-size: 1.1rem;
    vertical-align: middle;
    display: inline-block;
    color: #666;
    line-height: 32px;
}

#adv-23rd .mi-max-w12{
    max-width: 1200px;
    width: 80%;
}

/*--------table系列-----------*/

#adv-23rd .mi-t-box-tab tr th, #mi-nvidia .mi-t-box-tab tr td {
    padding: 1.5%;
}

#adv-23rd .mi-t-box{
        width: 100%;
    margin: auto;
    text-align: center;
        /*margin-bottom: 5%;*/
}

#adv-23rd .mi-t-box-tab{
        opacity: 0.85;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: center;
        text-align: left;
            /*border-radius: 15px;*/
    overflow: hidden;
}

#adv-23rd .mi-t-box-tab tr th, .mi-t-box-tab tr td{
        padding: 1.5%;
}

#adv-23rd .mi-t-box-tab .t-color-1{

            background-color: #2fd0f8;
                background-color: #004280;
                    background-color: #16256b;
    color: #fefefe;
    /*border: 1px solid #fefefe;*/
}

#adv-23rd .mi-t-box-tab .t-color-2{
    color: #fefefe;
    background-color: #00a1c0;
    background-color: #00c0d0;
    border: 1px solid #fefefe;
    border-right: 0px solid #fefefe;
        font-size: 1.2rem;
            /*width: 20%;*/

        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}


#adv-23rd .mi-t-box-tab .t-color-3{
        /*color: #9b9b9b;*/
    /*background-color: #00c0d0;
        background-color: #eeeeee;*/
    border: 1px solid #fefefe;
        border: 1px solid #304d7a;
    line-height: 1.3rem;
        font-size: 0.9rem;
        width: 40%;
            /*text-align: left;*/
    padding: 1.5%;
    background: url(../images/cssImg_listPoint.png) left top repeat-y;
}


#adv-23rd .mi-t-box-tab .mi-tr-move-f{
        color: #9b9b9b;
                color: #686868;
                color: #fefefe;
                color: #e8e8e8;
    background-color: #e3e3e3;
        background-color: #ebf8ff;
            background-color: #0a1f56;
        transition: all 0.3s;
}


#adv-23rd .mi-t-box-tab .mi-t-color-2{
    
}

#adv-23rd .mi-t-box-tab .mi-t-spdot{
        padding-left: 2.5%;
}

#adv-23rd .mi-t-box-tab .mi-tr-move{
        color: #9b9b9b;
        color: #686868;
        color: #fefefe;
    background-color: #eeeeee;
        background-color: #f9f9f9;
            background-color: #f6fcff;
                background-color: #0f2660;
        transition: all 0.3s;
}

#adv-23rd .mi-t-box-tab .mi-tr-move:hover{
      background-color: #95d524;
          color: #fefefe;
  background-color: #1666a9;
      /*background-color: #2777e2;*/
    color: #fff;
}

#adv-23rd .mi-t-box-tab .mi-tr-sp-move{
    background-color: #3e8e37;
    color: #ebebeb;
}

#adv-23rd .mi-t-box-tab .mi-tr-sp-move:hover{
    background-color: #2b7025;
    color: #fefefe;

}

/*#mi-nvidia .mi-t-box-tab .mi-tr-move-f:hover:#mi-nvidia .mi-t-box-tab .t-item-1{
        color: #fefefe;
}*/

#adv-23rd .mi-t-box-tab .t-color-4{
        background-color: #247ea5;
    color: #fefefe;
        /*border-right: 1px solid #fefefe;
    border-left: 1px solid #fefefe;*/
    border: 1px solid #fefefe;
        font-size: 1.2rem;
}

#adv-23rd .mi-t-box-tab .t-color-4-sp{
        font-size: 1.2rem;
}

#adv-23rd .mi-t-box-tab .mi-text-1{
    font-size: 1.2rem;
        font-weight: bold;
            text-align: center;
}

#adv-23rd .mi-t-box-tab .mi-text-1 a{
        color: #fefefe;
}

#adv-23rd .mi-t-box-tab .mi-text-2{
    font-size: 1.2rem;
        font-weight: bold;
}

#adv-23rd .mi-t-box-tab .mi-tb-time{
    font-size: 1rem;
    display: block;
        /*margin-bottom: 3%;*/
}

#adv-23rd .mi-t-box-tab .mi-text-wbox{
    background-color: #fefefe;
    color: #00a1c0;
    padding: 2% 8%;
    margin-top: 3%;
}

#adv-23rd .mi-t-box-tab .t-item-1{
    width: 20%;
    text-align: left;
        color: #004280;
            color: #fefefe;
            background-image: none;
            padding: 2%;
    font-weight: bold;
    font-size: 1.2rem;
}

#adv-23rd .mi-t-box-tab .t-item-1:hover{
 color: #fefefe;
}


#adv-23rd .mi-t-box-tab .mi-tr-move-f:hover{
        background-color: #95d524;
            color: #fefefe;
            background-color: #1666a9;
    /*background-color: #2777e2;*/
    color: #fff;
}

#adv-23rd .mi-t-box-tab .mi-tr-move:not(:first-child):hover .t-item-1{
     color: #fff;
}

#adv-23rd .mi-t-box-tab .mi-tr-move-f:not(:first-child):hover .t-item-1{
     color: #fff;
}


#adv-23rd .mi-not-box{
    margin-bottom: 4%;
}

#adv-23rd .mi-adv-go{
        font-weight: bold;
}

#adv-23rd .owl-nav{
        margin: auto;
    margin-top: 2%;
    margin-bottom: 1%;
}

#adv-23rd .owl-prev{
    padding: 0 15px;
        margin: 0 10px;
            color: #004280;
    background-color: #fefefe;
    font-weight: bold;
        transition: 0.5s;
}

#adv-23rd .owl-next{
        padding: 0 15px;
            margin: 0 10px;
            color: #004280;
    background-color: #fefefe;
    font-weight: bold;
        transition: 0.5s;
}

#adv-23rd .owl-prev:hover{
background-color: #2fd0f8;
    color: #fefefe;
}

#adv-23rd .owl-next:hover{
    background-color: #2fd0f8;
    color: #fefefe;
}

#adv-23rd .owl-dot{
    margin: 0 5px;
}

#adv-23rd .mi-call-close{
    display: none;
}

#adv-23rd .mi-call-open{
    display: block;
}

#adv-23rd .mi-serve-item{
        color: #686868;
    background-color: #fefefe;
    background-color: #071d56;
        background-color: #071b4f;
            background-color: #11265c;
                background-color: #0f3083;
    border: 1px solid #314c78;
    color: #e1e1e1;
    /*border-radius: 10px;*/
    padding: 3%;
        margin-bottom: 4%;
}

#adv-23rd .mi-tit-big{
        width: 100%;
            margin: auto;
    position: relative;
}

#adv-23rd .mi-23rd-shake{
    position: absolute;
        z-index: 50;
        left: 100px;
            top: 0;
}

#adv-23rd .mi-23rd-shake img{
    width: 70%;
}

@media screen and (max-width: 2200px){
    #adv-23rd .mi-23rd-shake img{
        width: 100%;
            margin-left: 12%;
    }
}

@media screen and (max-width: 1600px){
    #adv-23rd .mi-23rd-shake img{
        width: 80%;
        margin-left: 0%;
    }
}

@media screen and (max-width: 1200px){
    #adv-23rd .mi-23rd-shake img{
        width: 60%;
    margin-right: 30%;
    }
}

#adv-23rd .mi-tit-big-anm{
    /*animation-name:oxxo;*/
    animation-duration:4s;

    animation-iteration-count:infinite;
}

@keyframes oxxo{
      0%{
        margin-top: 0%;
    }
      50%{
        margin-top: 10%;
    }

     100%{
        margin-top: 0%;
    }
}


#adv-23rd .mi-first-pd{
    width: 30%;
    text-align: center;
        color: #fefefe;
}

#adv-23rd .mi-first-tit{
        margin-bottom: 3%;
}

#adv-23rd .mi-first-tit-time{
         color: #101735;
             font-size: 2rem;
             color: #890000;
             position: relative;
                 margin-bottom: 7%;
}

#adv-23rd .mi-year-time-week{
margin-right: 8px;
margin-left: -20%;
    font-weight: bold;
}

#adv-23rd .mi-first-tit-sp{
        color: #fdce0d;
    font-size: 0.9rem;
    color: #101735;
        color: #ffffff;
    /* font-weight: bold; */
    /*background-color: #890000;*/
    padding: 2%;
    border-radius: 3px;

    position: absolute;
    /*top: 6px;*/
}

#adv-23rd .mi-first-tit-pd{
       background-color: #0a0e29;
      background-color: #1a2656;
    border-radius: 12px;
        border: 2px solid #fff1d8;
    /*opacity: 0.85;*/
    width: 80%;
    margin: auto;
    padding: 4% 0%;
    margin-bottom: 4%;
}

#adv-23rd .mi-first-tit-pd-tit{
    font-size: 1rem;
        margin-bottom: 4%;
}

#adv-23rd .mi-first-tit-pd-num{
    font-size: 0.8rem;
}

#adv-23rd .mi-first-pd-img{
    width: 70%;
    margin: auto;
}

#adv-23rd .mi-first-pd-price{
    
}

#adv-23rd .mi-first-tit-pri-ori{
    color: #b7b7b7;
        color: #560000;
        text-decoration: line-through;
            margin-bottom: 3%;
}

#adv-23rd .mi-first-tit-pri-now{
        font-weight: bold;
            color: #111111;
            font-size: 1.1rem;
}

#adv-23rd .mi-year-event{
    width: 100%;
    /* margin-top: 8%; */
    display: flex;
    align-items: center;
    justify-content: center;
        justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 3%;

    /*background-image: url(../images/mi-year-bg-ss.gif);*/
    background-position: center;
    background-repeat: no-repeat;
z-index: 50;
        padding: 0 3%;
}

#adv-23rd .mi-reson-right{
    width: 45%;
    width: 90%;
    margin-bottom: -6%;
    z-index: 50;
}

#adv-23rd .mi-year-event-box{
         width: 25%;
    border-radius: 10px;
    text-align: center;
        /*background-color: #fefefe;
        box-shadow: 0px 10px 30px 0px rgb(122 122 122 / 20%);*/
        padding-top: 0%;

        cursor: pointer;
}

#adv-23rd .mi-year-event-box:hover{
        opacity: 0.9;
    margin-top: -2%;
        transition: 0.3s all;
}

#adv-23rd .mi-year-event-box-pb{
    /*padding-bottom: 7%;
    margin-top: 7%;*/
}

#adv-23rd .mi-year-event-box-sp{
    margin-top: 0%;


}


#adv-23rd .mi-year-event-box-sp{
     width: 25%;
     /*width: 33%;*/
    text-align: center; 
    margin-right: -3%; 
}



#adv-23rd .mi-year-event-box-sp-up{
        margin-top: 0%;
margin-top: -5%;
        animation: movepoint-01 5s 1;
    -webkit-animation: movepoint-01 5s 1;
}


@keyframes movepoint-01 {
    25% {
        margin-top: -6.5%
    }

    100%,
     {
        margin-top: 0%
    }
}

#adv-23rd .mi-year-event-box-sp-down{
        margin-top: 0%;

        animation: movepoint-02 5s 1;
    -webkit-animation: movepoint-02 5s 1;
}

@keyframes movepoint-02 {
    25% {
        margin-top: -3%
    }

    100%,
     {
        margin-top: 0%
    }
}

#adv-23rd .mi-year-event-img{
    margin: auto;
    width: 50%;
}

#adv-23rd .mi-year-event-box-one{
        background-color: #fefefe;
        padding: 2%;
        border-radius: 10px;
         box-shadow: 0px 10px 30px 0px rgb(122 122 122 / 20%);
             padding: 10%;
}

#adv-23rd .mi-year-event-box-one-sp{
        margin-bottom: 5%;
}

#adv-23rd .mi-img-10{
    width: 10%;
}

#adv-23rd .mi-year-event-tit{
        font-size: 1rem;
        color: #797979;
}

#adv-23rd .mi-year-event-tit-sp{

         font-size: 1rem;
    font-weight: bold;
    color: #000000db;
    color: #fefefe;
    background-color: #1f2445;
    opacity: 0.9;
    border-radius: 10px;
    margin-top: 2%;
    width: 15%;
    margin: auto;
    margin-top: 2%;
        cursor: pointer;

            margin-top: -1%;
    padding: 8px 1%;
}


#adv-23rd .mi-year-lott{
    width: 70%;
    width: 80%;

    max-width: 1200px;
    margin: auto;
    /* margin-top: 8%; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 50;
        position: relative;
    /*margin-left: 22%;*/
    margin-top: 4%;
    margin-bottom: 0%;
}

#adv-23rd .mi-pd-noprics{
    opacity:0; 
    height:22.5px; 
    height:33px;
    height:22.5px;
    display:block;
}

#adv-23rd .mi-23rd-point-time{
    font-size: 1.1rem;
        margin-bottom: 3%;
        line-height: 1.7rem;
}

#adv-23rd .mi-23rd-point-time-sp{
    border-bottom: 1px solid #10f3ff;
    padding-bottom: 2%;

        background-color: #0ef3ff;
    border-radius: 5px;
    color: #15203b;
        color: #0c2070;
    padding: 2%;
    font-weight: bold;
    margin-left: 1%;
}

#adv-23rd .mi-23rd-point-respon{
    font-size: 0.9rem;
        margin-bottom: 5%;
        line-height: 1.5rem;
}

#adv-23rd .mi-23rd-con-box{
    width: 72%;
        margin-bottom: 3%;
}

#adv-23rd .mi-23rd-con-box-title{
        margin-bottom: 1%;
         width: 85%;
    margin-left: 7%;
}

#adv-23rd .mi-23rd-con-box-btn{
        margin: auto;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    margin-top: 4%;
    color: #fefefe;
    font-size: 1rem;

    width: 90%;
        margin-bottom: 5%;
    transition: all 0.5s;
    cursor: pointer;
}

#adv-23rd .mi-23rd-con-box-btn:hover{
    opacity: 0.7;
}

#adv-23rd .mi-23rd-con-box-btn{
        /* animation 參數設定 */
    animation-name: movebtn-00;    /*動畫名稱，需與 keyframe 名稱對應*/
    animation-duration: 4s;    /*動畫持續時間，單位為秒*/
    animation-delay: 0s;    /*動畫延遲開始時間*/
    animation-iteration-count: infinite;    /*動畫次數，infinite 為無限次*/    
    -moz-animation-direction: alternate;
}

/* 關鍵影格(@keyframe) */
@keyframes movebtn-00 {
      0%{
            width: 90%;
    }
      50%{
        width: 80%;
    }

     100%{
            width: 90%;
    }
}



#adv-23rd .mi-23rd-point-share{
    font-size: 1.2rem;
}

#adv-23rd .mi-23rd-point-share-call{
    font-size: 0.8rem;
    margin-left: 50%;
    margin-left: 25%;
}

#adv-23rd .mi-wise-time{
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    flex-wrap: wrap;
    margin-top: 2%;
    margin-bottom: 0%;

        width: 50%;
    text-align: center;
    margin: auto;
}

#adv-23rd .mi-wise-timebox{
 background-image: url(../images/mi-23rdnvs-con-time.png);
    background-repeat: no-repeat;
    background-position: center;

    text-shadow: 0px 0px 15px #052718;
    width: 80%;
    text-align: center;
    padding: 3%;
    color: #fefefe;
    font-size: 2rem;

        padding: 10% 10%;
    background-size: contain;
}

#adv-23rd .mi-wise-timebox-title{
        display: inline-block;
            line-height: 1.5rem;
     margin-bottom: 7%;

     color: #9f2400;
         color: #711a00;
         color: #fefefe;

             font-size: 2rem;
}

#adv-23rd .mi-wise-timebox-time{
    display: inline-block;
        line-height: 1.5rem;
            font-size: 2.5rem;
         font-weight: bold;
         color: #000;
         color: #9f2400;
             color: #711a00;
             color: #fefefe;
            width: 100%;

                margin-top: 5%;
}

#adv-23rd .mi-23rd-sharepoint{
        width: 100%;
}

#adv-23rd .clockdiv-box{
      display: inline-flex;
       color: #10f3ff;
}

#adv-23rd .m-smalltext{
    font-size: 1.5rem;
        margin-left: 10%;
        color: #ff01e3;
}

#adv-23rd .color-01{
    width:20%;
}

#adv-23rd .color-02{
    width:20%;
}

#adv-23rd .color-03{
    width:20%;
}

#adv-23rd .color-04{
    width:20%;
}


@media screen and (max-width: 1800px){
    margin-left: 25%;
}




/*@media screen and (max-width: 1800px){
    #adv-23rd .mi-year-lott{
            min-height: 380px;
    }
}*/



#adv-23rd .mi-ylb-01{
        top: 0;
    left: 13%;
}

#adv-23rd .mi-ylb-02{
        top: 28%;
    left: 23%;
}

#adv-23rd .mi-ylb-03{
    top: 0;
    left: 33%;
}

#adv-23rd .mi-ylb-04{
    top: 28%;
    left: 43%;
}

#adv-23rd .mi-ylb-05{
    top: 0;
    left: 53%;
}

#adv-23rd .mi-ylb-06{
        top: 28%;
    left: 63%;
}

#adv-23rd .mi-ylb-07{
     top: 0;
    left: 73%;
}

#adv-23rd .mi-23rdnvs-select-pd-01{
        background-image: url(../images/mi-23rdnvs-select-pd-01.png);
    background-position: center;
    background-repeat: no-repeat;
}




#adv-23rd .mi-pd-inner{
    margin-bottom: 2%;
    width: 85%;
}

#adv-23rd .mi-year-lott-box{
    width: 15%;
    
    cursor: pointer;
        margin-bottom: 2%;
            transition: all 0.3s;

            /*width: 165px;
        position: absolute;*/
}

#adv-23rd .mi-year-lott-box:hover{
    opacity: 0.8;
    opacity: 0.5;
}

#adv-23rd .mi-year-lott-box-02{
        margin-top: 2%;
}

#adv-23rd .mi-year-lott-box:hover{
    /*box-shadow: 0px 10px 30px 0px rgb(167 126 0 / 100%);*/
}

#adv-23rd .mi-year-gift{
        max-width: 1200px;
    width: 100%;
    margin: auto;
    /* margin-top: 8%; */
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

#adv-23rd .mi-year-gift-box-01{
    margin-bottom: 5%;

        background-color: #fefefe;
    box-shadow: 0px 10px 30px 0px rgb(122 122 122 / 20%);
    border-radius: 10px;
        border-top: 2px solid #2b3e4b;
            transition: all 0.3s;
}

#adv-23rd .mi-year-gift-box-01:hover{
box-shadow:none;
}

#adv-23rd .mi-year-gift-box-02{
    margin-top: 5%;
}

#adv-23rd .mi-year-gift-box{
    width: 24%;
}

#adv-23rd .mi-year-gift-img{
        width: 70%;
}

#adv-23rd .mi-year-point{
    width: 80%;
        margin-bottom: 1%;

        border-top: 2px solid #1f294d;
    padding-top: 4%;
}

#adv-23rd .owl-stage-outer{
    margin-bottom: 2%;
}

#adv-23rd .mi-year-point-btn{
    padding: 1px 20px;
    text-decoration: none;
    /* border-radius: 10px; */
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    font-size: 0.9rem;
    line-height: 2rem;
    font-weight: bold;
    display: block;
    width: 42%;
    cursor: pointer;
    margin-top: 10%;
    border: none;
    transition: 0.5s;
    margin: auto;
    margin-top: 2%;
    /*background-color: #fcc533;*/
    color: #580000;
    /*border: 1px solid #7c4815;*/
    border-radius: 20px;
}

#adv-23rd .mi-year-point-btn:hover{
        /*box-shadow: none;
    background-color: #f8ad00;
    color: #fefefe;*/
        opacity: 0.8;
}

#adv-23rd .mi-year-point-time{
    color: #0c3083;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #fefefe;
}

#adv-23rd .mi-year-weeksale{
        margin-bottom: 0%;
}

#adv-23rd .mi-year-weeksale-02{
    margin-top: 3%;
    margin-bottom: 1%;
}

#adv-23rd .mi-see-more{
        width: 100%;
}

#adv-23rd .mi-fac-mainjpg{
    width: 100%;
}

#adv-23rd .mi-pd-btn-02{
    width: 48%;
    display: inline-block;
}



/*抽獎專區*/

#adv-23rd .mi-pc-ch{
        display: block;
}

#adv-23rd .mi-lot-box-win{
         width: 460px;
         width: 45%;
         width: 40%;
    height: 130px;
    height: 20%;
    position: absolute;
    background-color: #ae0501;

        padding-top: 1%;

            top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#adv-23rd .mi-lot-box{
    position: absolute;
    cursor: pointer;
}

#adv-23rd .mi-lot-box-size{
         width: 460px;

         width: 530px;
             
    height: 130px;
        
           top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

#adv-23rd .mi-win-one{
        text-align: center;
    width: 50%;
    margin: auto;
    /*border: 2px solid #ffb6eb;*/
    color: #a10184;
    color: #ffffff;
    margin-bottom: 1%;
        font-size: 2rem;
}

#adv-23rd .mi-win-two{
    text-align: center;
    font-size: 1.6rem;
    margin: auto;
    width: 80%;
    margin-bottom: 1%;
    color: #f8cb0b;
    font-weight: bold;
}

#adv-23rd .mi-lott-item-box{
        width: 70%;
    margin-top: 0%;
}

#adv-23rd .mi-lott-item{
    width: 100%;
    text-align: center;
    color: #2e2e2e;
        line-height: 1.5rem;
}

#adv-23rd .mi-btn-box{
        display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

#adv-23rd .mi-23rd-pd{
        padding: 3% 0% 0%;
}

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

    #adv-23rd .mi-reson-right{
        width: 100%;
    }

    #adv-23rd .mi-main-light-g{
            /*padding-top: 15%;*/
    }

    #adv-23rd .mi-year-weeksale{
            margin-bottom: 8%;
            margin-top: 10%;
    }

#adv-23rd .mi-lott-item-box{
    width: 95%;
    margin-top: 0%;
    margin-bottom: 0%;
}

#adv-23rd .mi-tit-big-anm{
        animation-name: xxxx;
}

#adv-23rd .mi-year-time-week{
    margin-left: -10%;
}

    #adv-23rd .mi-lot-box-win{
        width: 50%;
        height: 15%;
        top: 32%;
    }

    #adv-23rd .mi-win-one{
            font-size: 1rem;
    }


    #adv-23rd .mi-win-two{
        font-size: 1rem;
    }


    #adv-23rd .mi-lot-box-size{
        width: 200px;
        height: 52px;
        top: 31%;
    }


}


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

#adv-23rd .mi-year-event-tit-sp{
    width: 50%;
}


    #adv-23rd .mi-year-gift-box{
            width: 50%;
    }

    #adv-23rd .mi-year-point-btn{
        width: 100%;
    }

    #adv-23rd .mi-tit-blue-icon{   
        margin-bottom: 3%;
        font-size: 1.6rem;
    }

    #adv-23rd .mi-year-point-btn-box{
            margin-bottom: 5%;
    }

    #adv-23rd .mi-new-show{
            padding-top: 9%;
    }


    #adv-23rd .list-box-fact{
            width: 100%;
    }

    #adv-23rd .mi-box-5{
        width: 100%;
    }

    #adv-23rd .mi-first-pd{
            width: 90%;
                margin-bottom: 10%;
    }

    #adv-23rd #SQFlash.index{
            padding: 10% 0%;
    }

    #adv-23rd .mi-year-event{
        width: 90%;
        margin: auto;
        background-image: none;
        /*margin-bottom: 5%;*/
    }

    #adv-23rd .mi-year-event-box{
        width: 90%;
        margin-bottom: 5%;
    }

    #adv-23rd .mi-year-event-box-sp{
        width: 90%;
            width: 36%;
                margin-bottom: -5%;
    }



    #adv-23rd .mi-year-lott-btn{
        width: 100%;
    }

    #adv-23rd .mi-z02-why{
        padding-top: 7%;
            padding-bottom: 5%;
    }

    #adv-23rd .mi-year-lott-box{
        width: 25%;
    }

    #adv-23rd .mi-ylb-02{
        top: 41%;
    }

    #adv-23rd .mi-ylb-04{
        top: 41%;
    }

    #adv-23rd .mi-ylb-06{
        top: 41%;
    }

    #adv-23rd .mi-tit-big{
        width: 100%;
    }

    #adv-23rd .mySlides{
            padding: 40px;
                padding-top: 0%;
    }

    #adv-23rd .mi-sel-btn-case{
            width: 80%;
    }

    #adv-23rd .mi-sel-btn-case-s{
            width: 80%;
    }

    #adv-23rd .mi-box-no-pt{
        width: 100%;
    }



}

/*新項目系列*/

#adv-23rd .mi-serve{
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    margin: auto;
    position: relative;
    margin-bottom: 0%;
    margin-top: 1%;
}

#adv-23rd .mi-serve-img{
    width: 55%;
    transition: all 0.3s;
    margin: auto;
}

#adv-23rd .mi-serve-img:hover{
        /*opacity: 0.8;*/
}

#adv-23rd .mi-serve-box{
        width: 50%;
    text-align: left;
    /*padding-left: 8%;*/
        padding-top: 6%;
}

#adv-23rd .mi-serve-box-two{
        padding-left: 5%;
        margin-left: 4%;
    padding-top: 3%;
}

#adv-23rd .mi-serve-tit{
        font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 2%;
    color: #004280;
     color: #fefefe;
     color: #16256b;
}


#adv-23rd .mi-adn-box{
    max-width: 1200px;
    margin: auto;
    width: 100%;
}


#adv-23rd .mi-use{
    margin: auto;
    width: 90%;
    width: 100%;
            display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    flex-wrap: wrap;

       /*background-color: #fefefe;
            background-color: #cbe2aa;*/

            
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    border-radius: 15px;

            margin-top: 0%;

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

    /*max-width: 1200px;*/

    position: relative;
        z-index: 50;
}

#adv-23rd .mi-use-01{
background-image: url(../images/mi-23rdnvs-select-pd-bg-01.png);
}

#adv-23rd .mi-use-02{
background-image: url(../images/mi-23rdnvs-select-pd-bg-02.png);
}

#adv-23rd .mi-use-03{
background-image: url(../images/mi-23rdnvs-select-pd-bg-03.png);
}

#adv-23rd .mi-use-04{
background-image: url(../images/mi-23rdnvs-select-pd-bg-04.png);
}

#adv-23rd .mi-use-05{
background-image: url(../images/mi-23rdnvs-select-pd-bg-05.png);
}

#adv-23rd .mi-use-06{
background-image: url(../images/mi-23rdnvs-select-pd-bg-06.png);
}




#adv-23rd .mi-use-boxbox{
    width: 80%;

    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    flex-wrap: wrap;

}

#adv-23rd .mi-use-box{
    max-width: 1200px;
    margin: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    background-color: #fefefe;
    border-radius: 15px;
    margin-bottom: 3%;

            padding-top: 3%;
}

#adv-23rd .mi-use-box-btn{
    max-width: 1200px;
    margin: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
        margin-bottom: 4%;
}

#adv-23rd .mi-use-go{
    background-color: #4588ca;
        background-color: #ffaf01;
    width: 20%;
    color: #fefefe;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    padding: 1.1% 0%;
    letter-spacing: 2px;
    /* border-top: 1px rgba(0, 0, 0, 0.3) dashed; */
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    transition: all 0.3s;
    margin: 0% 2%;
    line-height: 1.2rem;
    cursor: pointer;
}

#adv-23rd .mi-use-go-active{
        background-color: #0d2a3c;
        background-color: #de7100;
}

#adv-23rd .mi-use-box-show{
    display: block;
}

#adv-23rd .mi-use-box-hide{
    display: none;
}


#adv-23rd .mi-use-box-img{
    max-width: 1200px;
    margin: auto;
    width: 100%;
    margin-bottom: 3%;
}

#adv-23rd .mi-use .mi-use-left{
    width: 40%;
        display: block;

        font-size: 0.9rem;
    line-height: 1.5rem;
    text-align: left;
        margin-left: 3%;
}

#adv-23rd .mi-use-con-tit{
        font-size: 1.5rem;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#adv-23rd .mi-use .mi-use-right{
    width: 50%;
        display: block;
            margin-right: 1%;
}


/*服務輪播效果*/
.images {
display: flex;
align-items: flex-start;
transition: transform 0.5s;
/* 圖片切換在 0.5s 內完成，以免切換速度過快或者過慢，用戶不適 */
}
.window {
width: 1050px; /* 以上三張圖片的寬為：370px */
overflow: hidden;
}

.red{
background: #000;
color:red;
}


/*服務輪播效果-02場域智能*/
.images-02 {
display: flex;
align-items: flex-start;
transition: transform 0.5s;
/* 圖片切換在 0.5s 內完成，以免切換速度過快或者過慢，用戶不適 */
}
.window-02 {
width: 1050px; /* 以上三張圖片的寬為：370px */
overflow: hidden;
}

.red-02{
background: #000;
color:red;
}

/*服務輪播效果-03播中播*/
.images-03 {
display: flex;
align-items: flex-start;
transition: transform 0.5s;
/* 圖片切換在 0.5s 內完成，以免切換速度過快或者過慢，用戶不適 */
}
.window-03 {
width: 1050px; /* 以上三張圖片的寬為：370px */
overflow: hidden;
}

.red-03{
background: #000;
color:red;
}


#adv-23rd .tab-inner{
     display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    background-color: #fefefe;
box-shadow: 0px 10px 30px 0px rgb(122 122 122 / 20%);

border-top:none;
        border-radius: 10px;
   
       margin: 4% 0;
}


#adv-23rd .mi-year-leaf{
        width: 7%;
}

#adv-23rd .mi-active{
    background-color: #88bf00;
    background-color: #ffaf01;
    color: #fefefe!important;
}

#adv-23rd .mi-active-img{

}

#adv-23rd .mi-use-con-main{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.5rem;
        width: 100%;
    /*margin-bottom: 5%;*/

}

#adv-23rd .mi-img-100{
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;

      transition: all 0.3s;
}

#adv-23rd .tab-item-5-hop{

}

#adv-23rd .tab-item-5-hop:hover{
    opacity: 0;
}


@media screen and (max-width: 768px){
    #adv-23rd .mi-serve-img {
         width: 100%;
    }

    #adv-23rd .mi-serve-box{
        width: 100%;
    }

    #adv-23rd .mi-get-info-bg{
        padding-top: 5%;
    }

    #adv-23rd .mi-pd-btn-box{
        margin-bottom: 5%;
        margin-top: 5%;
    }

   #adv-23rd .mi-pd-btn-s{
        width: 100%;
        display: block;
        margin-bottom: 2%;
   }


}



#tab-demo > ul{ display:block; margin:0;list-style:none;}
.tab-title{list-style:none;}
#tab-demo > ul > li{ display:inline-block; vertical-align:top;font-family:'微軟正黑體'; margin:0 -1px -1px 0 ; border:1px solid #BCBCBC; height:25px; line-height:25px; background:#cdcdcd;padding:0 15px;list-style:none; box-sizing:border-box;}
#tab-demo >  ul > li a{ color:#000; text-decoration:none;}
#adv-23rd #tab-demo > ul > li.active{ 
    border-bottom:1px solid #fff;
     background:#fff;
}
#tab-demo > .tab-inner{ clear:both; color:#000; border:1px #BCBCBC solid;}
.tab-inner{ }

#adv-23rd .tab-title{
    /*display: flex;
    flex-wrap: wrap;
    align-content: space-between;
        justify-content: space-between;*/

        position: relative;
    min-height: 700px;

    width: 100%;

        margin-bottom: 1%;
}

#adv-23rd .tab-title li{
    width: 32.3333%;
    /*margin: auto;
        background-color: #0d2563;
            background-color: #c89e4e;
                background-color: #b59148;*/
}

#adv-23rd .tab-title .tab-item-4{
    width: 24%;
}

#adv-23rd .tab-title .tab-item-5{
    width: 14.2%;
    width: 13.2%;
    width: 15%;
    width: 18%;

    display: inline-block;
    position: absolute;
}


#adv-23rd .tab-title .tab-item-5-z01{
    z-index: 10;
}

#adv-23rd .tab-title .tab-item-5-z02{
    z-index: 20;
}

#adv-23rd .tab-title .tab-item-5-z03{
    z-index: 30;
}

#adv-23rd .tab-title .tab-item-5-z04{
    z-index: 40;
}

#adv-23rd .tab-title .tab-item-5-z05{
    z-index: 50;
}

#adv-23rd .tab-title .tab-item-5-z06{
        z-index: 60;
}


/*區塊定位專用*/
#adv-23rd .tab-title .tab-item-5-01{
        top: 0;
    left: 0;

    top: 22%;
    left: 0;
}
#adv-23rd .tab-title .tab-item-5-02{
    top: 9%;
    left: 13%;
}
#adv-23rd .tab-title .tab-item-5-03{
        top: -4%;
    left: 26%;
}
#adv-23rd .tab-title .tab-item-5-04{
    top: 9%;
    left: 39%;
}
#adv-23rd .tab-title .tab-item-5-05{
    top: -4%;
    left: 52%;
}
#adv-23rd .tab-title .tab-item-5-06{
        top: 9%;
    left: 65%;
}
#adv-23rd .tab-title .tab-item-5-07{
    top: 0;
    left: 66%;
}
#adv-23rd .tab-title .tab-item-5-08{
    top: 9%;
    left: 91%;
}
#adv-23rd .tab-title .tab-item-5-09{
        top: 0;
    left: 88%;

    top: 77%;
    left: 55%;
}
#adv-23rd .tab-title .tab-item-5-10{
        top: 22%;
    left: 26%;
}
#adv-23rd .tab-title .tab-item-5-11{
        top: 22%;
    left: 52%;
}
#adv-23rd .tab-title .tab-item-5-12{
        top: 22%;
    left: 78%;
}
#adv-23rd .tab-title .tab-item-5-13{
        top: 35%;
    left: 13%;
}
#adv-23rd .tab-title .tab-item-5-14{
        top: 35%;
    left: 39%;
}
#adv-23rd .tab-title .tab-item-5-15{
        top: 35%;
    left: 65%;
}
#adv-23rd .tab-title .tab-item-5-16{
        top: 48%;
    left: 78%;
}
#adv-23rd .tab-title .tab-item-5-17{
    top: 44%;
    left: 0%;

    left: 88%;
}
#adv-23rd .tab-title .tab-item-5-18{
        top: 48%;
    left: 26%;
}
#adv-23rd .tab-title .tab-item-5-19{
        top: 48%;
    left: 52%;
}
#adv-23rd .tab-title .tab-item-5-20{
        top: 61%;
    left: 65%;
}
#adv-23rd .tab-title .tab-item-5-21{
    top: 61%;
    left: 13%;
}
#adv-23rd .tab-title .tab-item-5-22{
    top: 61%;
        left: 39%;
}

#adv-23rd .tab-title .tab-item-5-23{
    top: 74%;
        left: 26%;
}
#adv-23rd .tab-title .tab-item-5-24{
    top: 74%;
        left: 78%;
}

#adv-23rd .tab-title .tab-item-5-25{
        top: 66%;
    left: 22%;
}
#adv-23rd .tab-title .tab-item-5-26{
        top: 74%;
    left: 52%;
}
#adv-23rd .tab-title .tab-item-5-27{
        top: 66%;
    left: 66%;
}
#adv-23rd .tab-title .tab-item-5-28{
        top: 77%;
    left: 33%;
}

#adv-23rd .tab-title .tab-item-5-29{
         top: 77%;
    left: 55%;
}


#adv-23rd .tab-title .tab-item-5-30{
    top: 77%;
    left: 77%;
}
#adv-23rd .tab-title .tab-item-5-31{
        top: 88%;
    left: 66%;
}
#adv-23rd .tab-title .tab-item-5-31{
top: 66%;
    left: 88%;
}


/*區塊定位專用-結束*/




#adv-23rd .tab-title .tab-item-bk{
    width: 12.2%;
    width: 6.5%;
    opacity: 0;
}

#adv-23rd .tab-title li a{
        width: 100%;
        margin-bottom: 0%;
    margin: 0px;
        display: block;
}

#adv-23rd .mi-res-tit{
        font-size: 1.5rem;
    margin-bottom: 1%;
    color: #263238;
    font-weight: bold;
}

#adv-23rd .mi-res-con{
        line-height: 1.5rem;
    color: #2e2e2e;
    font-size: 1rem;
}

#adv-23rd .mi-res-con-sp{
    font-size: 1.5rem;
    color: #84bd3a;
}

#adv-23rd .tab-title .active{
    /*background-color: #ffffff;
        background-color: #f8f8f8;
        background-color: #0f3083;
        background-color: #dcc67a;*/
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    background-color: #fefefe;
}

#adv-23rd #SQFlash.index .list-marketSolution .mi-box-rec{
        background-color: rgb(4 12 39 / 65%);
            padding-top: 1%;
}


/*說明區*/
#adv-23rd .mi-year-eve-show{
    margin-bottom: 2%;
}


#adv-23rd .mi-year-eve-tit{
    font-size: 1.5rem;
        margin-bottom: 2%;
            font-weight: bold;
}

#adv-23rd .mi-year-eve-warn{
        color: #640000;
          margin-left: 0.5%;
}

#adv-23rd .mi-year-eve-list-one{
    margin-left: 2%;
}

#adv-23rd .mi-year-eve-list.mi-year-eve-list-one li{
    list-style-type: disc;
}

#adv-23rd .mi-year-red{
    color: #a10000;
    font-weight: bold;
}

#adv-23rd .mi-year-eve-list{
        margin-left: 3%;
    }

#adv-23rd .mi-year-eve-list li{

    list-style-type: decimal;
}

#adv-23rd .mi-year-eve-spgift{
        margin-left: 1%;
    font-weight: bold;
    font-size: 1.1rem;
        margin-bottom: 1%;
}

#adv-23rd .mi-year-eve-list.mi-year-eve-list-point{
    margin-left: 0.5%;
}

#adv-23rd .mi-year-eve-list.mi-year-eve-list-point li{
    list-style-type: none;
}

#adv-23rd .mi-year-eve-list li{
    color: #5f5f5f;
        line-height: 1.5rem;
}


/*跟隨ＢＡＲ*/
#adv-23rd .mi-year-right-box{
    position: fixed;
    display: block;
    z-index: 1000;
    top: 0%;
    left: 0;

        top: 3%;
    left: 1%;
}

#adv-23rd .mi-year-right-img{
        width: 130px;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
        cursor: pointer;
}

#adv-23rd .mi-year-right-img img{
        display: block;
    width: 100%;
    height: auto;
}


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

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

#adv-23rd .mi-year-right-menu01{
    /*background-image: url(../images/mi-year-bar.png);*/

    /*width: 150px;
    height: 45px;
    line-height: 45px;*/

    color: #ffffff;

        border-radius: 5px;
    margin-bottom: 5%;

    /*font-weight: bold;*/
    font-size: 1rem;
    text-align: center;
    
    letter-spacing: 2px;
    /*border-top: 1px rgba(0, 0, 0, 0.3) dashed;*/
    
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
transition: all 0.3s;
}

#adv-23rd .mi-year-right-menu01-move{
    /*margin-left: 15%;*/
}

#adv-23rd .mi-year-right-menu01-sp{
        /*line-height: 21px;
    height: 55px;*/

        padding-top: 5%;
}

#adv-23rd .mi-year-right-menu01:hover{
    /*background: #0041a4;*/
    /*border-radius: 20px;*/
        opacity: 0.8;
    /*color: #ffffff;*/
    cursor: pointer;
    /*overflow: hidden;*/
}

#adv-23rd .mi-lott-warn{
        color: #fefefe;
    font-size: 1.1rem;
        line-height: 1.5rem;
}


#adv-23rd .mi-year-point-tit{
        font-size: 2.2rem;
    line-height: 2rem;
    color: #fefefe;
    margin-bottom: 2%;
        font-weight: bold;
}

#adv-23rd .mi-warn-box{
        width: 75%;
    margin: auto;
    margin-top: 1%;
}


#adv-23rd .illu-content{
   
    height: 100%;
background-color: #0d1635e6;
        width: 80%;
         width: 100%;
    margin: auto;


    display: flex;
    
    padding: 20px;
    font-size: 20px;
    color: #fefefe;
    line-height: 2rem;
    padding: 5%;

    font-size: 1rem;

        overflow-x: hidden;
    overflow-y: auto;

        position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

#adv-23rd .illu-content-box{
    width: 80%;
        margin: auto;
       background-color: #180a1c54;
    padding: 5%;
    box-shadow: 0 2px 6px #ccc;
        overflow: auto;
    max-height: 80%;
}

#adv-23rd .illu-content-tit-tit{
font-size: 2rem;
    margin-bottom: 2%;
        color: #10f3ff;
        font-weight: bold;
}

#adv-23rd .illu-content-tit{
        font-size: 1.8rem;
    margin-bottom: 2%;
        margin-top: 2%;
            color: #10f3ff;
            font-weight: bold;
}

#adv-23rd .illu-content-con{
    font-size: 1rem;
        line-height: 1.5rem;
}

#adv-23rd .illu-content-con-sp{
    font-size: 2rem;
        color: #c20000;
            font-weight: bold;
            color: #ff01e3;

}

#adv-23rd .illu-content-con span{
    font-size: 1.5rem;
        color: #c20000;
            font-weight: bold;
            color: #ff01e3;
}

#adv-23rd .illu-content-con-big{
    font-size: 1.2rem;
        line-height: 2rem;
}

#adv-23rd .illu-content-con-last{
    font-size: 1.rem;
        color: #c20000;
        margin-top: 2%;
        color: #ff01e3;
}

#adv-23rd .mi-23rd-share-box{
        margin-bottom: 3%;
}

#adv-23rd .mi-23rd-menu-box{
        display: inline-block;
}

#adv-23rd .mi-year-right-box{
    display: none;
}

#adv-23rd .pc_menu--colored{
    display: block;
}

#adv-23rd .mi-23rd-pdtitle{
        margin: auto;
    position: absolute;
    top: 4%;
    font-weight: bold;
    font-size: 2.5rem;
    color: #fefefe;
}

#adv-23rd .mi-23rd-pdtitle-sec{
       margin: auto;
    position: absolute;
    top: 12.5%;
    font-size: 1.9rem;
    color: #fefefe;
}

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

/*背景動畫效果*/
#adv-23rd .mi-23rd-anibg{
    position: absolute;
        z-index: 0;
}

#adv-23rd .mi-23rd-anibg img{
    /*width: 100%;*/
}

#adv-23rd .mi-23rd-anibg-01{
    top: -5%;
    left: -25%;
    opacity: 0.5;
}

#adv-23rd .mi-23rd-anibg-img-01{
width: 70%;
}

#adv-23rd .mi-23rd-anibg-02{
    top: -1%;
    left: 8%;
    opacity: 0.4;
}

#adv-23rd .mi-23rd-anibg-03{
    top: 5%;
    right: -35%;
    opacity: 0.2;
}

#adv-23rd .mi-23rd-anibg-03 img{
    width: 70%;
}

#adv-23rd .mi-23rd-anibg-04{
    top: 13%;
    left: -8%;
    opacity: 0.3;
}


#adv-23rd .mi-23rd-anibg-04 img{
width: 60%;
}


#adv-23rd .mi-23rd-anibg-05{
    top: 20%;
    right: -40%;
    right: -25%;
    opacity: 0.3;
}
#adv-23rd .mi-23rd-anibg-05 img{
    width: 70%;
}

#adv-23rd .mi-23rd-anibg-06{
    top: 28%;
    left: -22%;
        left: -15%;
    opacity: 0.3;
}
#adv-23rd .mi-23rd-anibg-06 img{
    width: 80%;
}

#adv-23rd .mi-23rd-anibg-06-02{
        top: 33%;
    right: -20%;
    opacity: 0.3;
}
#adv-23rd .mi-23rd-anibg-06-02 img{
    width: 80%;
}

#adv-23rd .mi-23rd-anibg-06-03{
        top: 44%;
        left: -15%;
    opacity: 0.3;
}
#adv-23rd .mi-23rd-anibg-06-03 img{
    width: 80%;
}

#adv-23rd .mi-23rd-anibg-07{
    top: 55%;
    right: -40%;
        right: -28%;
    opacity: 0.3;
}
#adv-23rd .mi-23rd-anibg-07 img{
    width: 70%;
}

#adv-23rd .mi-23rd-anibg-07-02{
    top: 65%;
        left: -15%;
    opacity: 0.3;
}
#adv-23rd .mi-23rd-anibg-07-02 img{
    width: 70%;
}

#adv-23rd .mi-23rd-anibg-07-03{
    top: 70%;
        right: -25%;
    opacity: 0.3;
}
#adv-23rd .mi-23rd-anibg-07-03 img{
    width: 70%;
}

#adv-23rd .mi-23rd-anibg-08{
    bottom: 10%;
    left: -19%;
    opacity: 0.3;
}
#adv-23rd .mi-23rd-anibg-08 img{
    width: 80%;
}

#adv-23rd .mi-23rd-anibg-09{
    bottom: 0%;
    right: -32%;
    opacity: 0.3;
}
#adv-23rd .mi-23rd-anibg-09 img{
    width: 80%;
}



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

    #adv-23rd .mi-23rd-anibg{
        display: none;
    }

    #adv-23rd .illu-content-box{
        width: 100%;
    }

    #adv-23rd .mi-main-light-g{
            padding-top: 10%;
    }

    #adv-23rd .mi-box-3{
            width: 45%;
    }

    #adv-23rd .mi-box-call-l{
    width: 30%;

        z-index: 50;
        
}

    #adv-23rd .mi-pd-tit-two{
            font-size: 1rem;
                min-height: 55px;
            line-height: 1.2rem;
    }

    #adv-23rd .mi-pd-tit-one-pd{
        font-size: 0.8rem;
            min-height: 75px;
         line-height: 1.2rem;
    }

    #adv-23rd .mi-23rd-anibg-02{
        top: -3%;
    left: -18%;
    }

    #adv-23rd .mi-23rd-anibg-06{
        left: -36%;
    }

    #adv-23rd .mi-sp-round{
            left: 180px;
    }

    #adv-23rd .tab-title{
            min-height: 415px;
    }

    #adv-23rd .mi-box-call-r{
        width: 50%;
     padding-bottom: 5%;
    }

    #adv-23rd .mi-year-lott{
            min-height: 190px;
                width: 630px;
                    margin-left: 9%;
    }

    #adv-23rd .mi-use{
            width: 90%;
            padding-top: 25%;
    }

    #adv-23rd .mi-box-call-r {
        width: 90%;
            text-align: center;
    margin: auto;
    }

    #adv-23rd .mi-year-gift{
        width: 90%;
    }

    #adv-23rd .mi-year-lott-box{
            width: 26%;
    }

    #adv-23rd .mi-box-call-l{
            margin: auto;
            margin-bottom: 5%;
    }

    #adv-23rd .mi-serve-img{
        width: 80%;
    }

    #adv-23rd .mi-wise-timebox{
            width: 100%;
    }

    #adv-23rd .mi-pd-inner{
        width: 90%;
            margin-bottom: 3%;
    }

    #adv-23rd .mi-wise-time{
            width: 70%;
            margin-bottom: 3%;
    }

    #adv-23rd .mi-main-light-g{
            background-color: #521a85;

    background-color: #4e1d65;
    background-color: #27297d;
    background-image: none;
    border-radius: 15px;
    margin-top: 5%;
    margin-bottom: 5%;
        padding-top: 5%;
    }

    #adv-23rd .mi-adn-box{
            margin-bottom: 3%;
    }


    #adv-23rd .mi-year-right-box{
            top: 75%;
    }

}

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

    #adv-23rd .mi-year-lott-box {
    width: 25%;
}

           #adv-23rd .mi-year-lott{
        width: 100%;

           min-height: 0px;

               margin-left: -5%;
                   margin-left: 0%;
    margin-top: 4%;
    }

    #adv-23rd .mi-year-right-img{
            display: block;
    position: fixed;
    bottom: 10%;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 10;
    right: 0;
    }

    #adv-23rd .mi-year-right-menu{
            width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 10;
    right: 0;
    /*border-top: 5px solid rgba(255, 255, 255, .9);*/
    }

    #adv-23rd .mi-year-right-menu01-move{
            margin-left: 0%;
    }

    #adv-23rd .mi-year-right-menu01{
        
        width: 18%;
    text-decoration: none;
    float: left;
    font-size: 17px;
    text-align: center;
    border-right: 0px solid #fff;
    line-height: 35px;
    /*font-weight: bold;*/
    box-sizing: border-box;
    /*background: #2c5491;
    background: #1a2656;
        background: #17265f;*/
            margin-bottom: 0%;
    }


    #adv-23rd .mi-year-right-menu01 span img{
        cursor: pointer;
    }

    #adv-23rd .mi-year-right-menu01-sp{
        line-height: 25px;
    padding-top: 5.5%;
    padding-top: 0%;
    }

    #adv-23rd .mi-compro-03-a{
            width: 33%;
    }

    #adv-23rd .mi-compro-03-div{
        width: 100%;
    }

    #adv-23rd .mi-first-tit-pri-now{
            /*color: #ffffff;*/
    }

    #adv-23rd .mi-morepd{
        margin-top: 5%;
        width: 92%;
    }

    #adv-23rd .mi-sel-btn-box{
        padding-left: 0%;
    }

    #adv-23rd .tab-title li {
        width: 100%;
    }

    #adv-23rd #SQFlash .mi-mkcon-right{
            margin-left: 0%;
            width: 97%;
        margin: auto;
    }

    #adv-23rd #SQFlash .mi-mkcon-user-right{
        width: 100%;
        padding-top: 5%;
    }

    #adv-23rd #SQFlash .mi-mkcon-user-right img{
        width: 50%;
        margin-left: 25%;
    }


    #adv-23rd .tab-title .tab-item-4{
        width: 100%;
    }

    #adv-23rd .tab-title .tab-item-5{
        width: 100%;
        width: 20%;
    }

    #adv-23rd .mi-use-con-tit{
        font-size: 1.2rem;
            margin-bottom: 0.5rem;
    }

    #adv-23rd .mi-use-con-main{
            padding: 2% 5%;
                font-size: 1.3rem;
                    line-height: 2rem;
    }

    #adv-23rd .mi-use-go{
        width: 80%;
        margin-bottom: 3%;
    }

    #adv-23rd .tab-title{
        min-height: 420px;
            min-height: 260px;
            min-height: 205px;
    }

    #adv-23rd .no-gutters{
            margin-bottom: 0%;
    }

            #adv-23rd .mi-year-point-tit{
            font-size: 1.6rem;
        line-height: 2.2rem;
    }

#adv-23rd .mi-news-bg{
        padding-bottom: 20%;
            padding-top: 10%;
}

}


/*開啟說明架構*/
#adv-23rd .mi-show-arc{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 102;
    left: 0;
    top: 0;

    /*display: flex;*/
}

#adv-23rd .mi-show-arc-show{
    display: flex;
}

#adv-23rd .mi-show-arc-no{
    display:none;
}


#adv-23rd .mi-show-arc-box{
    background-color: #fefefe;
    /*box-shadow: 1px 1px 20px rgb(0 0 0 / 40%);*/
    position: relative;
        padding: 3%;
    min-width: 350px;
        max-height: 500px;
    overflow: auto;
    width: 80%;
}

#adv-23rd .mi-show-arc-x{
    position: absolute;
    right: 5%;
    top: 5%;
    color: #000000;
    color: #ffffff;
    display: block;
    font-size: 3rem;
    /* line-height: 1.5rem; */
    cursor: pointer;
    /*border: 1px solid #000000;*/
    line-height: 2rem;
    padding: 0px 5px;
    opacity: 0.5;
    /*display: none;*/
}

#adv-23rd .mi-show-arc-img{
    display: block;
    width: 100%;
    width: 70%;
    margin: auto;
}

#adv-23rd .mi-show-arc-cen{

}

#adv-23rd .aname-no{
        animation-name: xxxxx;
            animation: none;
          display:none;   
}

/*開啟架構-02版本*/
#adv-23rd .mi-show-arc-02{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 102;
    left: 0;
    top: 0;

    /*display: flex;*/
        z-index: 2500;
}

#adv-23rd .mi-show-arc-show-02{
    display: flex;
}

#adv-23rd .mi-show-arc-no-02{
    display:none;
}


#adv-23rd .mi-show-arc-box-02{
        /*background-image: url(../images/mi-year-lott-game.png);*/
    background-position: center;
    background-repeat: no-repeat;
    /*box-shadow: 1px 1px 20px rgb(0 0 0 / 40%);*/
    position: relative;
        padding: 3%;
        padding-top: 0%;
    min-width: 350px;
        min-height: 400px;
       /* max-height: 500px;*/
    /*overflow: auto;*/
    width: 80%;
}

#adv-23rd .mi-show-arc-x-02{
    position: absolute;
    right: 5%;
    top: 5%;
    color: #000000;
    color: #ffffff;
    display: block;
    font-size: 3rem;
    /* line-height: 1.5rem; */
    cursor: pointer;
    /*border: 1px solid #000000;*/
    line-height: 2rem;
    padding: 0px 5px;
    opacity: 0.5;
    /*display: none;*/
}

#adv-23rd .mi-show-arc-img-02{
        display: block;
    width: 100%;

    width: 70%;
    margin: auto;
}

#adv-23rd .mi-show-arc-box-03{
position: relative;
        padding: 3%;
        padding-top: 0%;
    min-width: 350px;
        max-height: 500px;
    width: 80%;
}

#adv-23rd .mi-show-arc-box-04{
position: relative;
        padding: 3%;
            padding-top: 0%;
    min-width: 350px;
        max-height: 500px;
    width: 80%;
}

#adv-23rd .mi-year-gift-box-sp{
    
    border-top: 2px solid #ffae00;
}


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

#adv-23rd .mi-show-arc{
    top: 10%;
}

    #adv-23rd .mi-show-arc-x-02{
        top: 10%;
    }

    #adv-23rd .mi-who-img{
        margin: auto;
            margin-bottom: 5%;
                display: none;
    }

    #adv-23rd .mi-show-arc-box-02{
        padding: 0px 0px;
            width: 100%;
    }

    #adv-23rd .mi-use .mi-use-left{
        width: 90%;
    }

    #adv-23rd .mi-use .mi-use-right{
        width: 90%;
    }

    #adv-23rd .mi-btn-go{
        width: 45%;
        width: 80%;
        font-size: 12px;
    }

    #adv-23rd .mi-mb-pdt-no{
            margin-bottom: 0;
    padding-bottom: 0;
    }

    #adv-23rd .mi-year-gift{
            width: 90%;
    }

    #adv-23rd .mi-pdsel-btn{
        width: 45%;
    }

        #adv-23rd .mi-box-3{
            width: 48%;
        
        }

    #adv-23rd .mi-pd-tit-two{
        line-height: 1.2rem;
            font-size: 0.8rem;
    }

    #adv-23rd .mi-pd-tit-one{
            font-size: 0.8rem;
    }

}

 

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

    #adv-23rd .mi-show-arc-img{
            width: 90%;
    }

    #adv-23rd .mi-show-arc-x{
                right: 3%;
                font-size: 2rem;
    }

    #adv-23rd .mi-kv-box-l-l{
            margin-bottom: 0%;
    }

    #adv-23rd .mi-kv-box{
        padding-top: 3%;
            padding: 0% 5% 1% 5%;
    }

    #adv-23rd .mi-year-event{
            width: 100%;

    margin-bottom: 10%;

    }

    #adv-23rd .mi-year-event-box-sp{
            width: 50%;
    }

    #adv-23rd .mi-23rd-con-box{
        width: 95%;
    }

    #adv-23rd .mi-23rd-point-share{
        font-size: 1.2rem;
            line-height: 1.7rem;
    }

    #adv-23rd .mi-box-call-l{
            width: 50%;
    }

    #adv-23rd .mi-wise-time{
            width: 100%;
    }

    #adv-23rd .mi-wise-timebox-time{
        font-size: 1.5rem;
    }

    #adv-23rd .mi-sp-round{

    left: 180px;
    top: -30px;
    }

    #adv-23rd .mi-box-3{
        width: 90%;
    }

    #adv-23rd .mi-year-lott-box{
            width: 33%;
    }

    #adv-23rd .mi-use-01{
        background-image: none;
            width: 100%;
    }

    #adv-23rd .mi-use-boxbox{
        width: 100%;
    }

    #adv-23rd .mi-use-02{
        background-image: none;
    }

    #adv-23rd .mi-use-03{
        background-image: none;
    }

    #adv-23rd .mi-use-04{
        background-image: none;
    }

    #adv-23rd .mi-use-05{
        background-image: none;
    }

    #adv-23rd .mi-use-06{
        background-image: none;
    }

    #adv-23rd .mi-23rd-point-time{
        font-size: 1rem;
            line-height: 1.5rem;
    }

    #adv-23rd .mi-box-call-r{
        width: 100%;
    }

    #adv-23rd .mi-sp-round{
            width: 100px;
    height: 100px;
    border-radius: 100px;
        font-size: 0.8rem;
    }

    #adv-23rd .mi-sp-round-sp{
        font-size: 1.2rem;
            line-height: 1.8rem;
    }

    #adv-23rd .mi-23rd-anibg-02{
            left: -56%;
    }

    #adv-23rd .mi-23rd-anibg-04{
            display: none;
    }

    #adv-23rd .mi-main-light-g{


    background-image: none;
    border-radius: 15px;
    margin-top: 5%;
        margin-bottom: 0;
            padding-bottom: 0;
                width: 95%;
    }

    #adv-23rd .mi-box-call-l{
        width: 40%;
    }

    #adv-23rd .mi-23rd-point-respon{
        font-size: 0.8rem;
    }

    #adv-23rd .mi-23rd-mb-sel{
            width: 100%;
    }

    #adv-23rd .mi-mb-only{

        display: block;
    }

    #adv-23rd .mi-23rd-point-time-sp{
           margin: auto;
    margin-top: 3%;
    display: block;
    width: 80%;
    }

    #adv-23rd .mi-23rd-pdtitle{
            position: relative;
            margin-bottom: 3%;
                font-size: 2rem;
                    width: 100%;
    text-align: center;
    }

    #adv-23rd .mi-23rd-pdtitle-sec{
            position: relative;
            margin-bottom: 6%;
                font-size: 1.5rem;
                    width: 100%;
    text-align: center;
    }

    #adv-23rd .mi-box-4{
        width: 48%;
    }

    #adv-23rd .mi-year-right-box{
        top: 68%;
            
    left: 2%;
    }

    #adv-23rd .mi-use{
            padding-top: 5%;
            width: 100%;
    }

    #adv-23rd .mi-pd-tit-two{
            min-height: 45px;
            margin-top: 20%;
                font-size: 1rem;
                    margin-top: 7%;
    }

    #adv-23rd .mi-pd-tit-one{
            min-height: 60px;
                font-size: 1rem;
    }

    #adv-23rd .mi-serve-img{
            width: 100%;
    }


}



/*跟隨menu*/
/*#adv-23rd .navbar-nav{
        position: fixed;
    display: block;
    z-index: 1999;
    top: 0%;
    right: 0;
}*/

#adv-23rd section {
    min-height:200px; 
    /*padding-top:60px;*/
}
#adv-23rd #section2,#section4 {
    background-color:lightgray;}

    #adv-23rd .nav-item{
    margin-bottom: 0.5%;
        margin-bottom: 6%;

        position: absolute;
}

#adv-23rd .nav-item-01{

}

#adv-23rd .nav-item-02{
    margin-left: 90px;
    margin-top: 55px;
}

#adv-23rd .nav-item-03{
    margin-left: 170px;
    margin-top: 0px;
}

#adv-23rd .nav-item-04{
    margin-left: 230px;
    margin-top: 70px;

        margin-left: 30px;
    margin-top: 135px;
}

#adv-23rd .nav-item-05{
    margin-left: 160px;
    margin-top: 150px;
}

#adv-23rd .nav-link{

        background-image: url(../images/mi-23rd-menuball.png);
    background-repeat: no-repeat;
    background-position: center;
        background-size: contain;

        font-size: 1rem;
    /*background-color: #0ef3ff;*/
    width: 120px;
    height: 120px;
    /*border-radius: 70px;*/
    line-height: 120px;
        text-align: center;
        font-weight: normal;
        transition: all 0.5s;
        /*border: 1px solid #bbffff;*/
        cursor: pointer;
           color: #141522;
               color: #10176c;
    font-weight: bold;
}

#adv-23rd .nav-link:active{
    
}

#adv-23rd .nav-link:hover{
    opacity: 0.5;
}

#adv-23rd .navbar-dark .navbar-nav .show > .nav-link, 
#adv-23rd .navbar-dark .navbar-nav .active > .nav-link, 
#adv-23rd .navbar-dark .navbar-nav .nav-link.show, 
#adv-23rd .navbar-dark .navbar-nav .nav-link.active {
  color: #fff; 
  background-color: #117e90;
          background-color: #dd008e;


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



 font-size: 1.1rem;
          width: 90px;
    height: 90px;
    border-radius: 90px;
    line-height: 90px;

        width: 130px;
    height: 60px;
    border-radius: 90px;
    line-height: 55px;
    font-weight: bold;
    border: 2px solid #fefefe;

        display: none;
}


/*後面星空*/

#stars {
  width: 1px;
  height: 1px;
  background-color: transparent;
  animation: star_anti 50s linear infinite;
  box-shadow: 1804px 1265px #FFF , 365px 332px #FFF , 86px 1888px #FFF , 1888px 484px #FFF , 199px 1489px #FFF , 1459px 1010px #FFF , 807px 388px #FFF , 855px 558px #FFF , 83px 1095px #FFF , 1418px 377px #FFF , 677px 886px #FFF , 862px 1709px #FFF , 1058px 1085px #FFF , 50px 1772px #FFF , 1941px 1544px #FFF , 377px 900px #FFF , 184px 712px #FFF , 1797px 1928px #FFF , 507px 1861px #FFF , 1849px 19px #FFF , 1399px 200px #FFF , 972px 497px #FFF , 795px 1109px #FFF , 746px 970px #FFF , 1524px 972px #FFF , 1631px 389px #FFF , 1026px 1016px #FFF , 1295px 862px #FFF , 1258px 1876px #FFF , 791px 189px #FFF , 1519px 45px #FFF , 592px 1405px #FFF , 620px 130px #FFF , 1044px 1171px #FFF , 37px 1578px #FFF , 1589px 86px #FFF , 1024px 528px #FFF , 1613px 568px #FFF , 912px 1175px #FFF , 1177px 133px #FFF , 67px 1641px #FFF , 1168px 357px #FFF , 310px 1873px #FFF , 1187px 573px #FFF , 308px 1839px #FFF , 565px 24px #FFF , 1691px 1555px #FFF , 1384px 1551px #FFF , 179px 861px #FFF , 1850px 1966px #FFF , 1169px 1979px #FFF , 1182px 1522px #FFF , 616px 751px #FFF , 1083px 908px #FFF , 684px 766px #FFF , 67px 955px #FFF , 1813px 1714px #FFF , 1256px 1413px #FFF , 332px 803px #FFF , 1670px 1921px #FFF , 362px 211px #FFF , 1513px 423px #FFF , 1304px 1145px #FFF , 1292px 1168px #FFF , 611px 802px #FFF , 1297px 575px #FFF , 540px 1289px #FFF , 1551px 1678px #FFF , 1545px 237px #FFF , 423px 138px #FFF , 1088px 28px #FFF , 642px 1637px #FFF , 429px 1293px #FFF , 1276px 1900px #FFF , 1168px 1696px #FFF , 847px 837px #FFF , 151px 1395px #FFF , 1490px 75px #FFF , 1588px 131px #FFF , 1739px 1358px #FFF , 709px 624px #FFF , 343px 502px #FFF , 1342px 1690px #FFF , 175px 1722px #FFF , 964px 1299px #FFF , 892px 1326px #FFF , 519px 1142px #FFF , 1014px 193px #FFF , 1181px 360px #FFF , 325px 139px #FFF , 482px 1199px #FFF , 613px 8px #FFF , 1976px 1125px #FFF , 346px 60px #FFF , 1565px 818px #FFF , 268px 1590px #FFF , 213px 1666px #FFF , 800px 464px #FFF , 974px 1825px #FFF , 1066px 23px #FFF , 1995px 1499px #FFF , 666px 1130px #FFF , 1074px 1710px #FFF , 1636px 1483px #FFF , 1379px 1509px #FFF , 1221px 887px #FFF , 1857px 964px #FFF , 1046px 993px #FFF , 1875px 643px #FFF , 1504px 1607px #FFF , 1065px 641px #FFF , 1095px 752px #FFF , 566px 1737px #FFF , 1972px 1778px #FFF , 146px 1517px #FFF , 1923px 588px #FFF , 557px 881px #FFF , 1885px 1950px #FFF , 1739px 1598px #FFF , 1048px 501px #FFF , 1316px 705px #FFF , 1900px 1697px #FFF , 1187px 917px #FFF , 1688px 1025px #FFF , 648px 1634px #FFF , 1002px 572px #FFF , 603px 1995px #FFF , 215px 693px #FFF , 688px 1374px #FFF , 1389px 1166px #FFF , 1310px 1140px #FFF , 245px 587px #FFF , 845px 63px #FFF , 296px 1646px #FFF , 792px 350px #FFF , 756px 1493px #FFF , 1553px 1079px #FFF , 850px 66px #FFF , 963px 1904px #FFF , 81px 207px #FFF , 1776px 1634px #FFF , 1759px 521px #FFF , 1761px 1536px #FFF , 601px 1485px #FFF , 898px 153px #FFF , 48px 648px #FFF , 1644px 1109px #FFF , 1974px 60px #FFF , 1278px 653px #FFF , 616px 432px #FFF , 1179px 1849px #FFF , 739px 677px #FFF , 808px 1850px #FFF , 1104px 827px #FFF , 984px 888px #FFF , 1027px 44px #FFF , 1462px 1105px #FFF , 902px 1486px #FFF , 769px 441px #FFF , 431px 1195px #FFF , 4px 764px #FFF , 562px 7px #FFF , 952px 1744px #FFF , 822px 971px #FFF , 1016px 1804px #FFF , 1429px 1161px #FFF , 328px 1568px #FFF , 101px 746px #FFF , 649px 1484px #FFF , 1903px 569px #FFF , 733px 871px #FFF , 1554px 505px #FFF , 1076px 642px #FFF , 609px 641px #FFF , 996px 149px #FFF , 1595px 758px #FFF , 14px 1083px #FFF , 261px 767px #FFF , 1274px 1517px #FFF , 1412px 215px #FFF , 1651px 879px #FFF , 284px 1633px #FFF , 1439px 287px #FFF , 1717px 270px #FFF , 1107px 1063px #FFF , 1521px 1831px #FFF , 656px 1702px #FFF , 25px 230px #FFF , 1958px 1615px #FFF , 646px 675px #FFF , 1201px 343px #FFF , 1918px 1064px #FFF , 1932px 609px #FFF , 1203px 900px #FFF , 10px 575px #FFF , 1582px 1828px #FFF , 1184px 462px #FFF , 1px 1619px #FFF , 1440px 1071px #FFF , 1844px 1913px #FFF , 376px 1054px #FFF , 1883px 1236px #FFF , 571px 493px #FFF , 354px 1701px #FFF , 747px 60px #FFF , 11px 1142px #FFF , 1136px 1891px #FFF , 1682px 473px #FFF , 1537px 1520px #FFF , 902px 836px #FFF , 1313px 395px #FFF , 534px 341px #FFF , 230px 1614px #FFF , 14px 1387px #FFF , 1296px 1765px #FFF , 1064px 1270px #FFF , 761px 975px #FFF , 1855px 335px #FFF , 198px 110px #FFF , 1660px 598px #FFF , 1022px 933px #FFF , 518px 356px #FFF , 19px 865px #FFF , 471px 830px #FFF , 758px 358px #FFF , 541px 1652px #FFF , 320px 926px #FFF , 425px 1826px #FFF , 659px 353px #FFF , 708px 778px #FFF , 862px 641px #FFF , 475px 1362px #FFF , 1326px 1449px #FFF , 446px 802px #FFF , 391px 1169px #FFF , 496px 39px #FFF , 1534px 934px #FFF , 1822px 1809px #FFF , 1454px 237px #FFF , 187px 1555px #FFF , 1069px 1977px #FFF , 1880px 1508px #FFF , 279px 418px #FFF , 1938px 1980px #FFF , 1304px 530px #FFF , 1763px 187px #FFF , 1945px 1642px #FFF , 311px 1490px #FFF , 770px 1598px #FFF , 263px 330px #FFF , 1733px 1771px #FFF , 978px 34px #FFF , 325px 1776px #FFF , 873px 1460px #FFF , 365px 33px #FFF , 913px 1999px #FFF , 667px 1021px #FFF , 27px 572px #FFF , 950px 1858px #FFF , 448px 1205px #FFF , 1302px 1138px #FFF , 1269px 932px #FFF , 480px 132px #FFF , 770px 1871px #FFF , 952px 654px #FFF , 623px 90px #FFF , 419px 1683px #FFF , 930px 794px #FFF , 1327px 1651px #FFF , 769px 1536px #FFF , 895px 90px #FFF , 599px 1268px #FFF , 1645px 919px #FFF , 1672px 1080px #FFF , 1637px 1259px #FFF , 243px 1182px #FFF , 1509px 457px #FFF , 1374px 1469px #FFF , 751px 137px #FFF , 1097px 1008px #FFF , 1979px 1381px #FFF , 981px 1825px #FFF , 928px 1930px #FFF , 632px 422px #FFF , 812px 341px #FFF , 1077px 1832px #FFF , 203px 1452px #FFF , 664px 1531px #FFF , 1203px 57px #FFF , 1654px 1203px #FFF , 491px 174px #FFF , 1507px 735px #FFF , 964px 896px #FFF , 52px 1718px #FFF , 1435px 26px #FFF , 753px 635px #FFF , 890px 1847px #FFF , 42px 1353px #FFF , 717px 72px #FFF , 1845px 1212px #FFF , 344px 867px #FFF , 418px 855px #FFF , 899px 1124px #FFF , 1798px 1582px #FFF , 1774px 760px #FFF , 908px 1567px #FFF , 1647px 1210px #FFF , 299px 82px #FFF , 1179px 1317px #FFF , 938px 1580px #FFF , 82px 921px #FFF , 657px 1596px #FFF , 892px 1264px #FFF , 1161px 819px #FFF , 607px 1447px #FFF , 605px 679px #FFF , 1642px 595px #FFF , 1963px 525px #FFF , 1656px 1591px #FFF , 1467px 1743px #FFF , 167px 1420px #FFF , 471px 492px #FFF , 1077px 932px #FFF , 774px 1282px #FFF , 799px 701px #FFF , 400px 258px #FFF , 235px 1937px #FFF , 894px 562px #FFF , 1277px 907px #FFF , 435px 1360px #FFF , 507px 1253px #FFF , 1022px 833px #FFF , 351px 773px #FFF , 1126px 1969px #FFF , 1382px 1620px #FFF , 411px 59px #FFF , 187px 906px #FFF , 644px 1364px #FFF , 1721px 1451px #FFF , 1879px 1390px #FFF , 1396px 318px #FFF , 1002px 891px #FFF , 1930px 1454px #FFF , 1952px 496px #FFF , 1308px 1325px #FFF , 343px 475px #FFF , 285px 373px #FFF , 1329px 1591px #FFF , 901px 1875px #FFF , 966px 254px #FFF , 1624px 1577px #FFF , 371px 589px #FFF , 1918px 1494px #FFF , 841px 589px #FFF , 873px 1657px #FFF , 970px 1697px #FFF , 1354px 975px #FFF , 807px 1099px #FFF , 384px 1608px #FFF , 1600px 1739px #FFF , 110px 1310px #FFF , 687px 1611px #FFF , 324px 394px #FFF , 1267px 224px #FFF , 1122px 1919px #FFF , 1753px 578px #FFF , 611px 479px #FFF , 1494px 475px #FFF , 1595px 368px #FFF , 304px 1379px #FFF , 1663px 87px #FFF , 1789px 1471px #FFF , 941px 1861px #FFF , 287px 657px #FFF , 1882px 217px #FFF , 1766px 1960px #FFF , 144px 966px #FFF , 872px 943px #FFF , 1705px 1909px #FFF , 1318px 1173px #FFF , 1856px 1549px #FFF , 1722px 1482px #FFF , 196px 594px #FFF , 355px 1182px #FFF , 1242px 112px #FFF , 226px 344px #FFF , 674px 895px #FFF , 210px 2px #FFF , 1224px 488px #FFF , 220px 617px #FFF , 1857px 1348px #FFF , 426px 1026px #FFF , 1370px 720px #FFF , 109px 440px #FFF , 1940px 1575px #FFF , 978px 1443px #FFF , 308px 614px #FFF , 1392px 1351px #FFF , 635px 1231px #FFF , 1132px 616px #FFF , 756px 342px #FFF , 1968px 765px #FFF , 1020px 1877px #FFF , 1998px 1325px #FFF , 1296px 1303px #FFF , 1817px 223px #FFF , 1184px 907px #FFF , 546px 845px #FFF , 51px 705px #FFF , 1421px 735px #FFF , 1255px 700px #FFF , 249px 1908px #FFF , 1701px 351px #FFF , 173px 1658px #FFF , 1088px 1476px #FFF , 1930px 1787px #FFF , 689px 1312px #FFF , 615px 1006px #FFF , 1870px 1229px #FFF , 1900px 546px #FFF , 1416px 141px #FFF , 1983px 945px #FFF , 1104px 1351px #FFF , 426px 701px #FFF , 431px 1597px #FFF , 893px 456px #FFF , 1976px 1914px #FFF , 1538px 673px #FFF , 916px 1386px #FFF , 304px 138px #FFF , 1038px 681px #FFF , 1349px 1740px #FFF , 1231px 552px #FFF , 35px 1435px #FFF , 588px 652px #FFF , 793px 575px #FFF , 542px 926px #FFF , 1252px 25px #FFF , 831px 332px #FFF , 718px 283px #FFF , 1327px 1952px #FFF , 1019px 704px #FFF , 888px 1117px #FFF , 1107px 1378px #FFF , 532px 505px #FFF , 1070px 552px #FFF , 346px 645px #FFF , 63px 1783px #FFF , 775px 879px #FFF , 165px 160px #FFF , 788px 1225px #FFF , 1562px 1520px #FFF , 56px 1522px #FFF , 439px 498px #FFF , 1988px 1521px #FFF , 254px 1363px #FFF , 1162px 816px #FFF , 219px 386px #FFF , 1789px 1315px #FFF , 1090px 1415px #FFF , 1361px 315px #FFF , 825px 1306px #FFF , 92px 548px #FFF , 1501px 1946px #FFF , 350px 1735px #FFF , 459px 1533px #FFF , 1417px 931px #FFF , 1849px 174px #FFF , 220px 1084px #FFF , 1357px 209px #FFF , 1974px 358px #FFF , 90px 808px #FFF , 1247px 765px #FFF , 1878px 725px #FFF , 1415px 87px #FFF , 1253px 943px #FFF , 1455px 1919px #FFF , 1321px 337px #FFF , 1210px 1600px #FFF , 1855px 1575px #FFF , 325px 936px #FFF , 1118px 892px #FFF , 703px 294px #FFF , 89px 891px #FFF , 239px 1548px #FFF , 280px 262px #FFF , 1401px 555px #FFF , 1092px 1638px #FFF , 673px 1207px #FFF , 1469px 1358px #FFF , 1253px 1986px #FFF , 1249px 1040px #FFF , 253px 484px #FFF , 1163px 775px #FFF , 426px 162px #FFF , 721px 1761px #FFF , 369px 510px #FFF , 702px 1599px #FFF , 1883px 483px #FFF , 680px 1604px #FFF , 870px 1599px #FFF , 976px 1808px #FFF , 916px 477px #FFF , 1223px 1636px #FFF , 506px 993px #FFF , 898px 1284px #FFF , 1013px 290px #FFF , 1189px 78px #FFF , 25px 588px #FFF , 960px 861px #FFF , 28px 526px #FFF , 959px 681px #FFF , 1426px 1329px #FFF , 294px 557px #FFF , 1907px 1320px #FFF , 1289px 1627px #FFF , 124px 451px #FFF , 967px 653px #FFF , 892px 1460px #FFF , 537px 1385px #FFF , 197px 1954px #FFF , 1543px 302px #FFF , 747px 1953px #FFF , 995px 1630px #FFF , 1423px 1221px #FFF , 1075px 983px #FFF , 1556px 1739px #FFF , 1068px 1425px #FFF , 81px 550px #FFF , 1668px 523px #FFF , 1158px 438px #FFF , 401px 1795px #FFF , 537px 1072px #FFF , 1px 326px #FFF , 249px 118px #FFF , 832px 1544px #FFF , 240px 153px #FFF , 651px 1077px #FFF , 1656px 542px #FFF , 1102px 606px #FFF , 1583px 788px #FFF , 1205px 1842px #FFF , 1657px 1793px #FFF , 1848px 1464px #FFF , 1285px 1395px #FFF , 662px 1227px #FFF , 1790px 134px #FFF , 577px 263px #FFF , 383px 702px #FFF , 1728px 1953px #FFF , 417px 57px #FFF , 1390px 574px #FFF , 1024px 287px #FFF , 1969px 753px #FFF , 1239px 1036px #FFF , 1063px 1313px #FFF , 1784px 1519px #FFF , 1665px 682px #FFF , 806px 1437px #FFF , 394px 917px #FFF , 904px 666px #FFF , 801px 1280px #FFF , 1392px 1930px #FFF , 1611px 1386px #FFF , 1809px 1507px #FFF , 1720px 1300px #FFF , 1721px 1287px #FFF , 969px 240px #FFF , 3px 1070px #FFF , 1198px 538px #FFF , 1416px 1001px #FFF , 1665px 1265px #FFF , 1010px 1275px #FFF , 772px 978px #FFF , 1980px 980px #FFF , 1283px 1573px #FFF , 444px 516px #FFF , 875px 737px #FFF , 258px 716px #FFF , 1698px 758px #FFF , 644px 238px #FFF , 19px 876px #FFF , 355px 1327px #FFF , 1602px 1846px #FFF , 548px 534px #FFF , 1498px 1473px #FFF , 1389px 1136px #FFF , 174px 771px #FFF , 955px 1931px #FFF , 403px 371px #FFF , 1502px 794px #FFF , 117px 876px #FFF , 536px 778px #FFF , 67px 393px #FFF , 119px 1918px #FFF , 1912px 1663px #FFF , 1141px 245px #FFF , 1105px 130px #FFF , 1218px 1608px #FFF , 662px 1502px #FFF , 1907px 927px #FFF , 521px 109px #FFF , 1885px 362px #FFF , 1785px 1935px #FFF , 781px 427px #FFF , 1446px 1991px #FFF , 164px 1539px #FFF , 1807px 1795px #FFF , 1922px 890px #FFF , 1245px 933px #FFF , 446px 450px #FFF , 1743px 79px #FFF , 1959px 310px #FFF , 1348px 749px #FFF , 1954px 128px #FFF , 1980px 1030px #FFF , 1850px 302px #FFF , 1074px 922px #FFF , 174px 403px #FFF , 1579px 733px #FFF , 653px 1958px #FFF , 1511px 1943px #FFF , 1037px 741px #FFF , 602px 1384px #FFF , 103px 402px #FFF , 1722px 1417px #FFF , 1732px 1916px #FFF , 1743px 1803px #FFF , 381px 721px #FFF , 964px 1700px #FFF , 1070px 341px #FFF , 1376px 1258px #FFF , 1884px 570px #FFF , 940px 280px #FFF , 1484px 1658px #FFF , 1806px 1875px #FFF , 1054px 917px #FFF , 1672px 103px #FFF , 783px 574px #FFF , 98px 347px #FFF , 555px 1136px #FFF , 1403px 1237px #FFF , 1203px 339px #FFF , 572px 35px #FFF , 932px 1783px #FFF , 1527px 1850px #FFF , 1959px 1109px #FFF , 892px 623px #FFF , 211px 1388px #FFF , 1581px 1806px #FFF , 868px 1053px #FFF , 1243px 1997px #FFF , 1004px 522px #FFF , 1241px 1707px #FFF , 376px 282px #FFF , 537px 878px #FFF , 1948px 979px #FFF , 532px 688px #FFF , 273px 958px #FFF , 581px 927px #FFF , 1060px 887px #FFF , 486px 1467px #FFF , 1122px 1834px #FFF , 1650px 1763px #FFF , 532px 302px #FFF , 314px 1111px #FFF , 1888px 683px #FFF , 1856px 1040px #FFF , 1780px 1338px #FFF , 24px 1564px #FFF , 1096px 1808px #FFF , 1202px 1968px #FFF , 214px 992px #FFF , 728px 515px #FFF , 247px 278px #FFF , 1670px 45px #FFF , 442px 1579px #FFF , 1143px 30px #FFF , 612px 72px #FFF , 1177px 1303px #FFF , 1898px 1255px #FFF , 378px 1667px #FFF , 326px 1929px #FFF , 1257px 766px #FFF , 1363px 1170px #FFF , 1090px 1667px #FFF , 711px 293px #FFF , 249px 1406px #FFF , 1589px 565px #FFF , 1451px 29px #FFF , 1171px 1459px #FFF , 1294px 1214px #FFF , 342px 942px #FFF , 1945px 353px #FFF , 741px 1185px #FFF , 894px 1453px #FFF , 593px 1584px #FFF , 518px 630px #FFF , 393px 756px #FFF , 34px 608px #FFF;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 4000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1804px 1265px #FFF , 365px 332px #FFF , 86px 1888px #FFF , 1888px 484px #FFF , 199px 1489px #FFF , 1459px 1010px #FFF , 807px 388px #FFF , 855px 558px #FFF , 83px 1095px #FFF , 1418px 377px #FFF , 677px 886px #FFF , 862px 1709px #FFF , 1058px 1085px #FFF , 50px 1772px #FFF , 1941px 1544px #FFF , 377px 900px #FFF , 184px 712px #FFF , 1797px 1928px #FFF , 507px 1861px #FFF , 1849px 19px #FFF , 1399px 200px #FFF , 972px 497px #FFF , 795px 1109px #FFF , 746px 970px #FFF , 1524px 972px #FFF , 1631px 389px #FFF , 1026px 1016px #FFF , 1295px 862px #FFF , 1258px 1876px #FFF , 791px 189px #FFF , 1519px 45px #FFF , 592px 1405px #FFF , 620px 130px #FFF , 1044px 1171px #FFF , 37px 1578px #FFF , 1589px 86px #FFF , 1024px 528px #FFF , 1613px 568px #FFF , 912px 1175px #FFF , 1177px 133px #FFF , 67px 1641px #FFF , 1168px 357px #FFF , 310px 1873px #FFF , 1187px 573px #FFF , 308px 1839px #FFF , 565px 24px #FFF , 1691px 1555px #FFF , 1384px 1551px #FFF , 179px 861px #FFF , 1850px 1966px #FFF , 1169px 1979px #FFF , 1182px 1522px #FFF , 616px 751px #FFF , 1083px 908px #FFF , 684px 766px #FFF , 67px 955px #FFF , 1813px 1714px #FFF , 1256px 1413px #FFF , 332px 803px #FFF , 1670px 1921px #FFF , 362px 211px #FFF , 1513px 423px #FFF , 1304px 1145px #FFF , 1292px 1168px #FFF , 611px 802px #FFF , 1297px 575px #FFF , 540px 1289px #FFF , 1551px 1678px #FFF , 1545px 237px #FFF , 423px 138px #FFF , 1088px 28px #FFF , 642px 1637px #FFF , 429px 1293px #FFF , 1276px 1900px #FFF , 1168px 1696px #FFF , 847px 837px #FFF , 151px 1395px #FFF , 1490px 75px #FFF , 1588px 131px #FFF , 1739px 1358px #FFF , 709px 624px #FFF , 343px 502px #FFF , 1342px 1690px #FFF , 175px 1722px #FFF , 964px 1299px #FFF , 892px 1326px #FFF , 519px 1142px #FFF , 1014px 193px #FFF , 1181px 360px #FFF , 325px 139px #FFF , 482px 1199px #FFF , 613px 8px #FFF , 1976px 1125px #FFF , 346px 60px #FFF , 1565px 818px #FFF , 268px 1590px #FFF , 213px 1666px #FFF , 800px 464px #FFF , 974px 1825px #FFF , 1066px 23px #FFF , 1995px 1499px #FFF , 666px 1130px #FFF , 1074px 1710px #FFF , 1636px 1483px #FFF , 1379px 1509px #FFF , 1221px 887px #FFF , 1857px 964px #FFF , 1046px 993px #FFF , 1875px 643px #FFF , 1504px 1607px #FFF , 1065px 641px #FFF , 1095px 752px #FFF , 566px 1737px #FFF , 1972px 1778px #FFF , 146px 1517px #FFF , 1923px 588px #FFF , 557px 881px #FFF , 1885px 1950px #FFF , 1739px 1598px #FFF , 1048px 501px #FFF , 1316px 705px #FFF , 1900px 1697px #FFF , 1187px 917px #FFF , 1688px 1025px #FFF , 648px 1634px #FFF , 1002px 572px #FFF , 603px 1995px #FFF , 215px 693px #FFF , 688px 1374px #FFF , 1389px 1166px #FFF , 1310px 1140px #FFF , 245px 587px #FFF , 845px 63px #FFF , 296px 1646px #FFF , 792px 350px #FFF , 756px 1493px #FFF , 1553px 1079px #FFF , 850px 66px #FFF , 963px 1904px #FFF , 81px 207px #FFF , 1776px 1634px #FFF , 1759px 521px #FFF , 1761px 1536px #FFF , 601px 1485px #FFF , 898px 153px #FFF , 48px 648px #FFF , 1644px 1109px #FFF , 1974px 60px #FFF , 1278px 653px #FFF , 616px 432px #FFF , 1179px 1849px #FFF , 739px 677px #FFF , 808px 1850px #FFF , 1104px 827px #FFF , 984px 888px #FFF , 1027px 44px #FFF , 1462px 1105px #FFF , 902px 1486px #FFF , 769px 441px #FFF , 431px 1195px #FFF , 4px 764px #FFF , 562px 7px #FFF , 952px 1744px #FFF , 822px 971px #FFF , 1016px 1804px #FFF , 1429px 1161px #FFF , 328px 1568px #FFF , 101px 746px #FFF , 649px 1484px #FFF , 1903px 569px #FFF , 733px 871px #FFF , 1554px 505px #FFF , 1076px 642px #FFF , 609px 641px #FFF , 996px 149px #FFF , 1595px 758px #FFF , 14px 1083px #FFF , 261px 767px #FFF , 1274px 1517px #FFF , 1412px 215px #FFF , 1651px 879px #FFF , 284px 1633px #FFF , 1439px 287px #FFF , 1717px 270px #FFF , 1107px 1063px #FFF , 1521px 1831px #FFF , 656px 1702px #FFF , 25px 230px #FFF , 1958px 1615px #FFF , 646px 675px #FFF , 1201px 343px #FFF , 1918px 1064px #FFF , 1932px 609px #FFF , 1203px 900px #FFF , 10px 575px #FFF , 1582px 1828px #FFF , 1184px 462px #FFF , 1px 1619px #FFF , 1440px 1071px #FFF , 1844px 1913px #FFF , 376px 1054px #FFF , 1883px 1236px #FFF , 571px 493px #FFF , 354px 1701px #FFF , 747px 60px #FFF , 11px 1142px #FFF , 1136px 1891px #FFF , 1682px 473px #FFF , 1537px 1520px #FFF , 902px 836px #FFF , 1313px 395px #FFF , 534px 341px #FFF , 230px 1614px #FFF , 14px 1387px #FFF , 1296px 1765px #FFF , 1064px 1270px #FFF , 761px 975px #FFF , 1855px 335px #FFF , 198px 110px #FFF , 1660px 598px #FFF , 1022px 933px #FFF , 518px 356px #FFF , 19px 865px #FFF , 471px 830px #FFF , 758px 358px #FFF , 541px 1652px #FFF , 320px 926px #FFF , 425px 1826px #FFF , 659px 353px #FFF , 708px 778px #FFF , 862px 641px #FFF , 475px 1362px #FFF , 1326px 1449px #FFF , 446px 802px #FFF , 391px 1169px #FFF , 496px 39px #FFF , 1534px 934px #FFF , 1822px 1809px #FFF , 1454px 237px #FFF , 187px 1555px #FFF , 1069px 1977px #FFF , 1880px 1508px #FFF , 279px 418px #FFF , 1938px 1980px #FFF , 1304px 530px #FFF , 1763px 187px #FFF , 1945px 1642px #FFF , 311px 1490px #FFF , 770px 1598px #FFF , 263px 330px #FFF , 1733px 1771px #FFF , 978px 34px #FFF , 325px 1776px #FFF , 873px 1460px #FFF , 365px 33px #FFF , 913px 1999px #FFF , 667px 1021px #FFF , 27px 572px #FFF , 950px 1858px #FFF , 448px 1205px #FFF , 1302px 1138px #FFF , 1269px 932px #FFF , 480px 132px #FFF , 770px 1871px #FFF , 952px 654px #FFF , 623px 90px #FFF , 419px 1683px #FFF , 930px 794px #FFF , 1327px 1651px #FFF , 769px 1536px #FFF , 895px 90px #FFF , 599px 1268px #FFF , 1645px 919px #FFF , 1672px 1080px #FFF , 1637px 1259px #FFF , 243px 1182px #FFF , 1509px 457px #FFF , 1374px 1469px #FFF , 751px 137px #FFF , 1097px 1008px #FFF , 1979px 1381px #FFF , 981px 1825px #FFF , 928px 1930px #FFF , 632px 422px #FFF , 812px 341px #FFF , 1077px 1832px #FFF , 203px 1452px #FFF , 664px 1531px #FFF , 1203px 57px #FFF , 1654px 1203px #FFF , 491px 174px #FFF , 1507px 735px #FFF , 964px 896px #FFF , 52px 1718px #FFF , 1435px 26px #FFF , 753px 635px #FFF , 890px 1847px #FFF , 42px 1353px #FFF , 717px 72px #FFF , 1845px 1212px #FFF , 344px 867px #FFF , 418px 855px #FFF , 899px 1124px #FFF , 1798px 1582px #FFF , 1774px 760px #FFF , 908px 1567px #FFF , 1647px 1210px #FFF , 299px 82px #FFF , 1179px 1317px #FFF , 938px 1580px #FFF , 82px 921px #FFF , 657px 1596px #FFF , 892px 1264px #FFF , 1161px 819px #FFF , 607px 1447px #FFF , 605px 679px #FFF , 1642px 595px #FFF , 1963px 525px #FFF , 1656px 1591px #FFF , 1467px 1743px #FFF , 167px 1420px #FFF , 471px 492px #FFF , 1077px 932px #FFF , 774px 1282px #FFF , 799px 701px #FFF , 400px 258px #FFF , 235px 1937px #FFF , 894px 562px #FFF , 1277px 907px #FFF , 435px 1360px #FFF , 507px 1253px #FFF , 1022px 833px #FFF , 351px 773px #FFF , 1126px 1969px #FFF , 1382px 1620px #FFF , 411px 59px #FFF , 187px 906px #FFF , 644px 1364px #FFF , 1721px 1451px #FFF , 1879px 1390px #FFF , 1396px 318px #FFF , 1002px 891px #FFF , 1930px 1454px #FFF , 1952px 496px #FFF , 1308px 1325px #FFF , 343px 475px #FFF , 285px 373px #FFF , 1329px 1591px #FFF , 901px 1875px #FFF , 966px 254px #FFF , 1624px 1577px #FFF , 371px 589px #FFF , 1918px 1494px #FFF , 841px 589px #FFF , 873px 1657px #FFF , 970px 1697px #FFF , 1354px 975px #FFF , 807px 1099px #FFF , 384px 1608px #FFF , 1600px 1739px #FFF , 110px 1310px #FFF , 687px 1611px #FFF , 324px 394px #FFF , 1267px 224px #FFF , 1122px 1919px #FFF , 1753px 578px #FFF , 611px 479px #FFF , 1494px 475px #FFF , 1595px 368px #FFF , 304px 1379px #FFF , 1663px 87px #FFF , 1789px 1471px #FFF , 941px 1861px #FFF , 287px 657px #FFF , 1882px 217px #FFF , 1766px 1960px #FFF , 144px 966px #FFF , 872px 943px #FFF , 1705px 1909px #FFF , 1318px 1173px #FFF , 1856px 1549px #FFF , 1722px 1482px #FFF , 196px 594px #FFF , 355px 1182px #FFF , 1242px 112px #FFF , 226px 344px #FFF , 674px 895px #FFF , 210px 2px #FFF , 1224px 488px #FFF , 220px 617px #FFF , 1857px 1348px #FFF , 426px 1026px #FFF , 1370px 720px #FFF , 109px 440px #FFF , 1940px 1575px #FFF , 978px 1443px #FFF , 308px 614px #FFF , 1392px 1351px #FFF , 635px 1231px #FFF , 1132px 616px #FFF , 756px 342px #FFF , 1968px 765px #FFF , 1020px 1877px #FFF , 1998px 1325px #FFF , 1296px 1303px #FFF , 1817px 223px #FFF , 1184px 907px #FFF , 546px 845px #FFF , 51px 705px #FFF , 1421px 735px #FFF , 1255px 700px #FFF , 249px 1908px #FFF , 1701px 351px #FFF , 173px 1658px #FFF , 1088px 1476px #FFF , 1930px 1787px #FFF , 689px 1312px #FFF , 615px 1006px #FFF , 1870px 1229px #FFF , 1900px 546px #FFF , 1416px 141px #FFF , 1983px 945px #FFF , 1104px 1351px #FFF , 426px 701px #FFF , 431px 1597px #FFF , 893px 456px #FFF , 1976px 1914px #FFF , 1538px 673px #FFF , 916px 1386px #FFF , 304px 138px #FFF , 1038px 681px #FFF , 1349px 1740px #FFF , 1231px 552px #FFF , 35px 1435px #FFF , 588px 652px #FFF , 793px 575px #FFF , 542px 926px #FFF , 1252px 25px #FFF , 831px 332px #FFF , 718px 283px #FFF , 1327px 1952px #FFF , 1019px 704px #FFF , 888px 1117px #FFF , 1107px 1378px #FFF , 532px 505px #FFF , 1070px 552px #FFF , 346px 645px #FFF , 63px 1783px #FFF , 775px 879px #FFF , 165px 160px #FFF , 788px 1225px #FFF , 1562px 1520px #FFF , 56px 1522px #FFF , 439px 498px #FFF , 1988px 1521px #FFF , 254px 1363px #FFF , 1162px 816px #FFF , 219px 386px #FFF , 1789px 1315px #FFF , 1090px 1415px #FFF , 1361px 315px #FFF , 825px 1306px #FFF , 92px 548px #FFF , 1501px 1946px #FFF , 350px 1735px #FFF , 459px 1533px #FFF , 1417px 931px #FFF , 1849px 174px #FFF , 220px 1084px #FFF , 1357px 209px #FFF , 1974px 358px #FFF , 90px 808px #FFF , 1247px 765px #FFF , 1878px 725px #FFF , 1415px 87px #FFF , 1253px 943px #FFF , 1455px 1919px #FFF , 1321px 337px #FFF , 1210px 1600px #FFF , 1855px 1575px #FFF , 325px 936px #FFF , 1118px 892px #FFF , 703px 294px #FFF , 89px 891px #FFF , 239px 1548px #FFF , 280px 262px #FFF , 1401px 555px #FFF , 1092px 1638px #FFF , 673px 1207px #FFF , 1469px 1358px #FFF , 1253px 1986px #FFF , 1249px 1040px #FFF , 253px 484px #FFF , 1163px 775px #FFF , 426px 162px #FFF , 721px 1761px #FFF , 369px 510px #FFF , 702px 1599px #FFF , 1883px 483px #FFF , 680px 1604px #FFF , 870px 1599px #FFF , 976px 1808px #FFF , 916px 477px #FFF , 1223px 1636px #FFF , 506px 993px #FFF , 898px 1284px #FFF , 1013px 290px #FFF , 1189px 78px #FFF , 25px 588px #FFF , 960px 861px #FFF , 28px 526px #FFF , 959px 681px #FFF , 1426px 1329px #FFF , 294px 557px #FFF , 1907px 1320px #FFF , 1289px 1627px #FFF , 124px 451px #FFF , 967px 653px #FFF , 892px 1460px #FFF , 537px 1385px #FFF , 197px 1954px #FFF , 1543px 302px #FFF , 747px 1953px #FFF , 995px 1630px #FFF , 1423px 1221px #FFF , 1075px 983px #FFF , 1556px 1739px #FFF , 1068px 1425px #FFF , 81px 550px #FFF , 1668px 523px #FFF , 1158px 438px #FFF , 401px 1795px #FFF , 537px 1072px #FFF , 1px 326px #FFF , 249px 118px #FFF , 832px 1544px #FFF , 240px 153px #FFF , 651px 1077px #FFF , 1656px 542px #FFF , 1102px 606px #FFF , 1583px 788px #FFF , 1205px 1842px #FFF , 1657px 1793px #FFF , 1848px 1464px #FFF , 1285px 1395px #FFF , 662px 1227px #FFF , 1790px 134px #FFF , 577px 263px #FFF , 383px 702px #FFF , 1728px 1953px #FFF , 417px 57px #FFF , 1390px 574px #FFF , 1024px 287px #FFF , 1969px 753px #FFF , 1239px 1036px #FFF , 1063px 1313px #FFF , 1784px 1519px #FFF , 1665px 682px #FFF , 806px 1437px #FFF , 394px 917px #FFF , 904px 666px #FFF , 801px 1280px #FFF , 1392px 1930px #FFF , 1611px 1386px #FFF , 1809px 1507px #FFF , 1720px 1300px #FFF , 1721px 1287px #FFF , 969px 240px #FFF , 3px 1070px #FFF , 1198px 538px #FFF , 1416px 1001px #FFF , 1665px 1265px #FFF , 1010px 1275px #FFF , 772px 978px #FFF , 1980px 980px #FFF , 1283px 1573px #FFF , 444px 516px #FFF , 875px 737px #FFF , 258px 716px #FFF , 1698px 758px #FFF , 644px 238px #FFF , 19px 876px #FFF , 355px 1327px #FFF , 1602px 1846px #FFF , 548px 534px #FFF , 1498px 1473px #FFF , 1389px 1136px #FFF , 174px 771px #FFF , 955px 1931px #FFF , 403px 371px #FFF , 1502px 794px #FFF , 117px 876px #FFF , 536px 778px #FFF , 67px 393px #FFF , 119px 1918px #FFF , 1912px 1663px #FFF , 1141px 245px #FFF , 1105px 130px #FFF , 1218px 1608px #FFF , 662px 1502px #FFF , 1907px 927px #FFF , 521px 109px #FFF , 1885px 362px #FFF , 1785px 1935px #FFF , 781px 427px #FFF , 1446px 1991px #FFF , 164px 1539px #FFF , 1807px 1795px #FFF , 1922px 890px #FFF , 1245px 933px #FFF , 446px 450px #FFF , 1743px 79px #FFF , 1959px 310px #FFF , 1348px 749px #FFF , 1954px 128px #FFF , 1980px 1030px #FFF , 1850px 302px #FFF , 1074px 922px #FFF , 174px 403px #FFF , 1579px 733px #FFF , 653px 1958px #FFF , 1511px 1943px #FFF , 1037px 741px #FFF , 602px 1384px #FFF , 103px 402px #FFF , 1722px 1417px #FFF , 1732px 1916px #FFF , 1743px 1803px #FFF , 381px 721px #FFF , 964px 1700px #FFF , 1070px 341px #FFF , 1376px 1258px #FFF , 1884px 570px #FFF , 940px 280px #FFF , 1484px 1658px #FFF , 1806px 1875px #FFF , 1054px 917px #FFF , 1672px 103px #FFF , 783px 574px #FFF , 98px 347px #FFF , 555px 1136px #FFF , 1403px 1237px #FFF , 1203px 339px #FFF , 572px 35px #FFF , 932px 1783px #FFF , 1527px 1850px #FFF , 1959px 1109px #FFF , 892px 623px #FFF , 211px 1388px #FFF , 1581px 1806px #FFF , 868px 1053px #FFF , 1243px 1997px #FFF , 1004px 522px #FFF , 1241px 1707px #FFF , 376px 282px #FFF , 537px 878px #FFF , 1948px 979px #FFF , 532px 688px #FFF , 273px 958px #FFF , 581px 927px #FFF , 1060px 887px #FFF , 486px 1467px #FFF , 1122px 1834px #FFF , 1650px 1763px #FFF , 532px 302px #FFF , 314px 1111px #FFF , 1888px 683px #FFF , 1856px 1040px #FFF , 1780px 1338px #FFF , 24px 1564px #FFF , 1096px 1808px #FFF , 1202px 1968px #FFF , 214px 992px #FFF , 728px 515px #FFF , 247px 278px #FFF , 1670px 45px #FFF , 442px 1579px #FFF , 1143px 30px #FFF , 612px 72px #FFF , 1177px 1303px #FFF , 1898px 1255px #FFF , 378px 1667px #FFF , 326px 1929px #FFF , 1257px 766px #FFF , 1363px 1170px #FFF , 1090px 1667px #FFF , 711px 293px #FFF , 249px 1406px #FFF , 1589px 565px #FFF , 1451px 29px #FFF , 1171px 1459px #FFF , 1294px 1214px #FFF , 342px 942px #FFF , 1945px 353px #FFF , 741px 1185px #FFF , 894px 1453px #FFF , 593px 1584px #FFF , 518px 630px #FFF , 393px 756px #FFF , 34px 608px #FFF;
}
#stars2 {
  width: 2px;
  height: 2px;
   background: transparent;
  animation: star_anti 100s linear infinite;
  box-shadow: 114px 658px #FFF , 236px 768px #FFF , 1130px 1503px #FFF , 486px 592px #FFF , 1353px 1407px #FFF , 1583px 1741px #FFF , 450px 1479px #FFF , 1845px 327px #FFF , 1520px 361px #FFF , 580px 1699px #FFF , 1277px 1233px #FFF , 1697px 943px #FFF , 568px 1135px #FFF , 1273px 263px #FFF , 788px 126px #FFF , 1834px 1911px #FFF , 1147px 1652px #FFF , 651px 567px #FFF , 79px 1897px #FFF , 1590px 666px #FFF , 1362px 566px #FFF , 275px 367px #FFF , 556px 479px #FFF , 1063px 476px #FFF , 1337px 1119px #FFF , 1780px 1109px #FFF , 1323px 1655px #FFF , 1740px 1165px #FFF , 525px 60px #FFF , 1513px 1484px #FFF , 708px 280px #FFF , 429px 475px #FFF , 563px 1360px #FFF , 1580px 697px #FFF , 1702px 1164px #FFF , 1649px 1952px #FFF , 1580px 1812px #FFF , 70px 1190px #FFF , 1100px 98px #FFF , 1232px 1896px #FFF , 851px 1047px #FFF , 851px 30px #FFF , 596px 1486px #FFF , 666px 526px #FFF , 1855px 1342px #FFF , 80px 531px #FFF , 248px 1804px #FFF , 1990px 263px #FFF , 1796px 1640px #FFF , 1502px 862px #FFF , 1780px 488px #FFF , 1881px 1191px #FFF , 1063px 876px #FFF , 1614px 1073px #FFF , 1414px 666px #FFF , 1865px 289px #FFF , 687px 352px #FFF , 1329px 1312px #FFF , 279px 136px #FFF , 475px 756px #FFF , 1177px 435px #FFF , 1264px 921px #FFF , 467px 1496px #FFF , 391px 1359px #FFF , 666px 1083px #FFF , 1526px 1251px #FFF , 594px 564px #FFF , 991px 525px #FFF , 1511px 875px #FFF , 1935px 1049px #FFF , 1471px 1430px #FFF , 959px 604px #FFF , 1685px 72px #FFF , 1505px 1876px #FFF , 509px 1627px #FFF , 1065px 978px #FFF , 1860px 884px #FFF , 1038px 464px #FFF , 1051px 106px #FFF , 1056px 728px #FFF , 1953px 45px #FFF , 1483px 638px #FFF , 559px 845px #FFF , 1184px 922px #FFF , 1320px 1117px #FFF , 1572px 747px #FFF , 1971px 43px #FFF , 665px 13px #FFF , 1457px 1153px #FFF , 848px 154px #FFF , 1039px 1837px #FFF , 878px 795px #FFF , 1286px 1705px #FFF , 1946px 1143px #FFF , 1114px 1166px #FFF , 1747px 874px #FFF , 1894px 636px #FFF , 1316px 541px #FFF , 1953px 1620px #FFF , 1446px 1773px #FFF , 974px 833px #FFF , 1814px 1211px #FFF , 102px 335px #FFF , 327px 1868px #FFF , 348px 548px #FFF , 353px 1540px #FFF , 1212px 1872px #FFF , 1968px 129px #FFF , 1531px 644px #FFF , 1939px 559px #FFF , 1397px 1876px #FFF , 1446px 1446px #FFF , 1721px 603px #FFF , 924px 1171px #FFF , 1086px 1954px #FFF , 1798px 310px #FFF , 21px 1595px #FFF , 1462px 1948px #FFF , 149px 1752px #FFF , 804px 318px #FFF , 1262px 636px #FFF , 1051px 100px #FFF , 392px 560px #FFF , 654px 1236px #FFF , 1889px 1159px #FFF , 498px 394px #FFF , 522px 1889px #FFF , 1198px 579px #FFF , 1437px 1866px #FFF , 1049px 1064px #FFF , 286px 921px #FFF , 993px 1790px #FFF , 1557px 1997px #FFF , 1525px 532px #FFF , 481px 1561px #FFF , 790px 683px #FFF , 141px 17px #FFF , 1202px 28px #FFF , 518px 1927px #FFF , 90px 1677px #FFF , 1258px 370px #FFF , 1379px 1536px #FFF , 607px 474px #FFF , 163px 139px #FFF , 1025px 1359px #FFF , 815px 845px #FFF , 231px 1212px #FFF , 192px 806px #FFF , 313px 1946px #FFF , 1132px 1808px #FFF , 624px 767px #FFF , 379px 722px #FFF , 733px 1847px #FFF , 628px 1517px #FFF , 1559px 929px #FFF , 234px 397px #FFF , 1230px 1231px #FFF , 849px 726px #FFF , 1148px 786px #FFF , 546px 1533px #FFF , 477px 822px #FFF , 1325px 480px #FFF , 972px 383px #FFF , 334px 958px #FFF , 1032px 664px #FFF , 1781px 40px #FFF , 38px 1335px #FFF , 1634px 1691px #FFF , 1061px 680px #FFF , 1319px 304px #FFF , 82px 1776px #FFF , 1302px 509px #FFF , 1231px 746px #FFF , 1264px 1509px #FFF , 980px 495px #FFF , 1153px 1381px #FFF , 1981px 1918px #FFF , 70px 113px #FFF , 390px 736px #FFF , 1882px 1925px #FFF , 1380px 1326px #FFF , 257px 1681px #FFF , 860px 998px #FFF , 518px 1136px #FFF , 168px 905px #FFF , 500px 1882px #FFF , 1012px 1572px #FFF , 349px 1916px #FFF , 905px 1339px #FFF , 1940px 1803px #FFF , 23px 1159px #FFF , 9px 1559px #FFF , 1658px 776px #FFF , 820px 1361px #FFF , 171px 983px #FFF , 580px 1902px #FFF , 1268px 263px #FFF , 1734px 994px #FFF , 1872px 29px #FFF , 1475px 435px #FFF;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 4000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 114px 658px #FFF , 236px 768px #FFF , 1130px 1503px #FFF , 486px 592px #FFF , 1353px 1407px #FFF , 1583px 1741px #FFF , 450px 1479px #FFF , 1845px 327px #FFF , 1520px 361px #FFF , 580px 1699px #FFF , 1277px 1233px #FFF , 1697px 943px #FFF , 568px 1135px #FFF , 1273px 263px #FFF , 788px 126px #FFF , 1834px 1911px #FFF , 1147px 1652px #FFF , 651px 567px #FFF , 79px 1897px #FFF , 1590px 666px #FFF , 1362px 566px #FFF , 275px 367px #FFF , 556px 479px #FFF , 1063px 476px #FFF , 1337px 1119px #FFF , 1780px 1109px #FFF , 1323px 1655px #FFF , 1740px 1165px #FFF , 525px 60px #FFF , 1513px 1484px #FFF , 708px 280px #FFF , 429px 475px #FFF , 563px 1360px #FFF , 1580px 697px #FFF , 1702px 1164px #FFF , 1649px 1952px #FFF , 1580px 1812px #FFF , 70px 1190px #FFF , 1100px 98px #FFF , 1232px 1896px #FFF , 851px 1047px #FFF , 851px 30px #FFF , 596px 1486px #FFF , 666px 526px #FFF , 1855px 1342px #FFF , 80px 531px #FFF , 248px 1804px #FFF , 1990px 263px #FFF , 1796px 1640px #FFF , 1502px 862px #FFF , 1780px 488px #FFF , 1881px 1191px #FFF , 1063px 876px #FFF , 1614px 1073px #FFF , 1414px 666px #FFF , 1865px 289px #FFF , 687px 352px #FFF , 1329px 1312px #FFF , 279px 136px #FFF , 475px 756px #FFF , 1177px 435px #FFF , 1264px 921px #FFF , 467px 1496px #FFF , 391px 1359px #FFF , 666px 1083px #FFF , 1526px 1251px #FFF , 594px 564px #FFF , 991px 525px #FFF , 1511px 875px #FFF , 1935px 1049px #FFF , 1471px 1430px #FFF , 959px 604px #FFF , 1685px 72px #FFF , 1505px 1876px #FFF , 509px 1627px #FFF , 1065px 978px #FFF , 1860px 884px #FFF , 1038px 464px #FFF , 1051px 106px #FFF , 1056px 728px #FFF , 1953px 45px #FFF , 1483px 638px #FFF , 559px 845px #FFF , 1184px 922px #FFF , 1320px 1117px #FFF , 1572px 747px #FFF , 1971px 43px #FFF , 665px 13px #FFF , 1457px 1153px #FFF , 848px 154px #FFF , 1039px 1837px #FFF , 878px 795px #FFF , 1286px 1705px #FFF , 1946px 1143px #FFF , 1114px 1166px #FFF , 1747px 874px #FFF , 1894px 636px #FFF , 1316px 541px #FFF , 1953px 1620px #FFF , 1446px 1773px #FFF , 974px 833px #FFF , 1814px 1211px #FFF , 102px 335px #FFF , 327px 1868px #FFF , 348px 548px #FFF , 353px 1540px #FFF , 1212px 1872px #FFF , 1968px 129px #FFF , 1531px 644px #FFF , 1939px 559px #FFF , 1397px 1876px #FFF , 1446px 1446px #FFF , 1721px 603px #FFF , 924px 1171px #FFF , 1086px 1954px #FFF , 1798px 310px #FFF , 21px 1595px #FFF , 1462px 1948px #FFF , 149px 1752px #FFF , 804px 318px #FFF , 1262px 636px #FFF , 1051px 100px #FFF , 392px 560px #FFF , 654px 1236px #FFF , 1889px 1159px #FFF , 498px 394px #FFF , 522px 1889px #FFF , 1198px 579px #FFF , 1437px 1866px #FFF , 1049px 1064px #FFF , 286px 921px #FFF , 993px 1790px #FFF , 1557px 1997px #FFF , 1525px 532px #FFF , 481px 1561px #FFF , 790px 683px #FFF , 141px 17px #FFF , 1202px 28px #FFF , 518px 1927px #FFF , 90px 1677px #FFF , 1258px 370px #FFF , 1379px 1536px #FFF , 607px 474px #FFF , 163px 139px #FFF , 1025px 1359px #FFF , 815px 845px #FFF , 231px 1212px #FFF , 192px 806px #FFF , 313px 1946px #FFF , 1132px 1808px #FFF , 624px 767px #FFF , 379px 722px #FFF , 733px 1847px #FFF , 628px 1517px #FFF , 1559px 929px #FFF , 234px 397px #FFF , 1230px 1231px #FFF , 849px 726px #FFF , 1148px 786px #FFF , 546px 1533px #FFF , 477px 822px #FFF , 1325px 480px #FFF , 972px 383px #FFF , 334px 958px #FFF , 1032px 664px #FFF , 1781px 40px #FFF , 38px 1335px #FFF , 1634px 1691px #FFF , 1061px 680px #FFF , 1319px 304px #FFF , 82px 1776px #FFF , 1302px 509px #FFF , 1231px 746px #FFF , 1264px 1509px #FFF , 980px 495px #FFF , 1153px 1381px #FFF , 1981px 1918px #FFF , 70px 113px #FFF , 390px 736px #FFF , 1882px 1925px #FFF , 1380px 1326px #FFF , 257px 1681px #FFF , 860px 998px #FFF , 518px 1136px #FFF , 168px 905px #FFF , 500px 1882px #FFF , 1012px 1572px #FFF , 349px 1916px #FFF , 905px 1339px #FFF , 1940px 1803px #FFF , 23px 1159px #FFF , 9px 1559px #FFF , 1658px 776px #FFF , 820px 1361px #FFF , 171px 983px #FFF , 580px 1902px #FFF , 1268px 263px #FFF , 1734px 994px #FFF , 1872px 29px #FFF , 1475px 435px #FFF;
}
#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 519px 875px #FFF , 1497px 751px #FFF , 1256px 88px #FFF , 1168px 1791px #FFF , 1884px 109px #FFF , 1465px 451px #FFF , 450px 370px #FFF , 1560px 703px #FFF , 1788px 1997px #FFF , 1047px 963px #FFF , 1281px 119px #FFF , 439px 96px #FFF , 164px 1956px #FFF , 1360px 930px #FFF , 1387px 347px #FFF , 1073px 1970px #FFF , 1296px 284px #FFF , 25px 1602px #FFF , 455px 944px #FFF , 1177px 738px #FFF , 633px 1142px #FFF , 1730px 1079px #FFF , 1283px 1606px #FFF , 674px 1186px #FFF , 513px 166px #FFF , 1077px 636px #FFF , 1811px 580px #FFF , 971px 1789px #FFF , 694px 1756px #FFF , 703px 1138px #FFF , 1290px 942px #FFF , 351px 1509px #FFF , 1904px 790px #FFF , 68px 819px #FFF , 1097px 362px #FFF , 1035px 331px #FFF , 180px 940px #FFF , 1776px 1229px #FFF , 1487px 781px #FFF , 1131px 1765px #FFF , 1684px 536px #FFF , 939px 367px #FFF , 1102px 1481px #FFF , 741px 887px #FFF , 167px 1132px #FFF , 1756px 529px #FFF , 608px 758px #FFF , 541px 1025px #FFF , 1976px 505px #FFF , 1349px 1257px #FFF , 815px 1388px #FFF , 505px 1351px #FFF , 33px 1945px #FFF , 861px 1695px #FFF , 678px 1360px #FFF , 1615px 727px #FFF , 1138px 726px #FFF , 30px 293px #FFF , 1624px 1044px #FFF , 683px 1242px #FFF , 1781px 1758px #FFF , 906px 1328px #FFF , 1066px 1764px #FFF , 1568px 664px #FFF , 1027px 1876px #FFF , 775px 1099px #FFF , 1605px 208px #FFF , 730px 837px #FFF , 1475px 1482px #FFF , 871px 1759px #FFF , 1240px 15px #FFF , 1987px 705px #FFF , 302px 1049px #FFF , 475px 1015px #FFF , 1843px 1296px #FFF , 493px 631px #FFF , 1613px 164px #FFF , 1863px 156px #FFF , 1479px 423px #FFF , 202px 1499px #FFF , 886px 969px #FFF , 904px 930px #FFF , 1853px 535px #FFF , 726px 914px #FFF , 435px 1205px #FFF , 1732px 1824px #FFF , 1212px 667px #FFF , 499px 31px #FFF , 552px 594px #FFF , 1715px 1814px #FFF , 775px 908px #FFF , 1949px 921px #FFF , 1267px 718px #FFF , 1830px 1960px #FFF , 338px 1325px #FFF , 466px 1120px #FFF , 140px 1675px #FFF , 1919px 664px #FFF , 1136px 771px #FFF , 1888px 1302px #FFF;
  animation: star_anti 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 4000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 519px 875px #FFF , 1497px 751px #FFF , 1256px 88px #FFF , 1168px 1791px #FFF , 1884px 109px #FFF , 1465px 451px #FFF , 450px 370px #FFF , 1560px 703px #FFF , 1788px 1997px #FFF , 1047px 963px #FFF , 1281px 119px #FFF , 439px 96px #FFF , 164px 1956px #FFF , 1360px 930px #FFF , 1387px 347px #FFF , 1073px 1970px #FFF , 1296px 284px #FFF , 25px 1602px #FFF , 455px 944px #FFF , 1177px 738px #FFF , 633px 1142px #FFF , 1730px 1079px #FFF , 1283px 1606px #FFF , 674px 1186px #FFF , 513px 166px #FFF , 1077px 636px #FFF , 1811px 580px #FFF , 971px 1789px #FFF , 694px 1756px #FFF , 703px 1138px #FFF , 1290px 942px #FFF , 351px 1509px #FFF , 1904px 790px #FFF , 68px 819px #FFF , 1097px 362px #FFF , 1035px 331px #FFF , 180px 940px #FFF , 1776px 1229px #FFF , 1487px 781px #FFF , 1131px 1765px #FFF , 1684px 536px #FFF , 939px 367px #FFF , 1102px 1481px #FFF , 741px 887px #FFF , 167px 1132px #FFF , 1756px 529px #FFF , 608px 758px #FFF , 541px 1025px #FFF , 1976px 505px #FFF , 1349px 1257px #FFF , 815px 1388px #FFF , 505px 1351px #FFF , 33px 1945px #FFF , 861px 1695px #FFF , 678px 1360px #FFF , 1615px 727px #FFF , 1138px 726px #FFF , 30px 293px #FFF , 1624px 1044px #FFF , 683px 1242px #FFF , 1781px 1758px #FFF , 906px 1328px #FFF , 1066px 1764px #FFF , 1568px 664px #FFF , 1027px 1876px #FFF , 775px 1099px #FFF , 1605px 208px #FFF , 730px 837px #FFF , 1475px 1482px #FFF , 871px 1759px #FFF , 1240px 15px #FFF , 1987px 705px #FFF , 302px 1049px #FFF , 475px 1015px #FFF , 1843px 1296px #FFF , 493px 631px #FFF , 1613px 164px #FFF , 1863px 156px #FFF , 1479px 423px #FFF , 202px 1499px #FFF , 886px 969px #FFF , 904px 930px #FFF , 1853px 535px #FFF , 726px 914px #FFF , 435px 1205px #FFF , 1732px 1824px #FFF , 1212px 667px #FFF , 499px 31px #FFF , 552px 594px #FFF , 1715px 1814px #FFF , 775px 908px #FFF , 1949px 921px #FFF , 1267px 718px #FFF , 1830px 1960px #FFF , 338px 1325px #FFF , 466px 1120px #FFF , 140px 1675px #FFF , 1919px 664px #FFF , 1136px 771px #FFF , 1888px 1302px #FFF;
}
.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  letter-spacing: 4px;
  font-size: 20px;
}
@keyframes star_anti {
  0% {
    transform: translateY(0px)
  }
  100% {
    transform: translateY(-4000px)
  }
}




#adv-23rd .group { 
    display: none; 
}

#adv-23rd .clock-item {
    display: none;
}

@media screen and (max-width: 767px)
{
    #adv-23rd .nav-link{
            width: 100px;
    height: 100px;
        line-height: 100px;
    }

    #adv-23rd .illu-content-tit-tit{
            font-size: 1.3rem;
    }

    #adv-23rd .illu-content-tit{
        font-size: 1.3rem;
    }

    #adv-23rd .illu-content-con-big{
         font-size: 1rem;
    }

    #adv-23rd .illu-content-con{
        font-size: 0.8rem;
    }

    #adv-23rd .illu-content-con-last{
            font-size: 1.2rem;
    }

    #adv-23rd .mi-kv-box-l-r{
        margin-top: -5%;
    }

}