.footerText{
    position: fixed;
    bottom: .5%;
    left: 1%;
    z-index: 16;
    color: #a5a5a5;
    cursor: pointer;
    font-size: .9vw;
}
.footerDiv{
    background-color: #252422;
    padding: 3% 0 1% 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 15;
}
.footerDiv.footerOtherIndexDiv{
    position: relative;
    bottom: unset;
}
.footerDiv .footerDivBox{
    width: 80%;
    margin: 0 auto;
}
.footerDiv .footerTopDiv{
    width: 40%;
    margin: 0 auto;
}
.footerDiv .footerTopDiv img{
    width: 100%;
}
.footerDiv .footerMiddleDiv{
    width: 35%;
    margin: 2% auto;
}
.footerDiv .footerMiddleDiv img{
    width: 100%;
}

.footerDiv .footerMiddleDiv .footerIntro {
    background-image: url(/skin/images/m/footer_intro.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 0;
    padding-bottom: 25%;
}
.footerDiv .footerNotice{
    margin: 0 0 1.5% 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
}
.footerDiv .footerNotice p{
    margin: .5% 0;
    font-size: .8vw;
}
.footerDiv .footerADiv{
    width: 100%;
    text-align: center;
}
.footerDiv .footerADiv a{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    margin: 0 .5%;
    font-size: .9vw;
}
.footerDiv .footerADiv a:nth-child(2):before {
    content: '|';
    position: absolute;
    top: -10%;
    left: -12%;
}
.footerDiv .footerADiv a:nth-child(3):before{
    content: '|';
    position: absolute;
    top: -10%;
    left: -12%;
}
.footerDiv.footerOtherIndexDiv .footerADiv a:nth-child(2):before {
    top: -6%;
    left: -14%;
}
.footerDiv.footerOtherIndexDiv .footerADiv a:nth-child(3):before{
    top: -6%;
    left: -14%;
}
.footerDiv .footerADiv a:hover,
.footerDiv .footerADiv a:active,
.footerDiv .footerADiv a:visited{
    color: #FFFFFF;
}
.footerDiv .footerBottomDiv{
    color: #FFFFFF;
    font-size: .8vw;
    font-family: "Noto Sans TC", serif;
    text-align: center;
    margin: 2% 0 0 0;
}

.fp-warning, .fp-watermark {
    display: none;
}

/*footer動畫*/
.fade-footer-enter-active, .fade-footer-leave-active {
    transition: all 0.3s ease;
}
/* 轉場動畫 */
.fade-footer-enter-from,
.fade-footer-leave-to {
    opacity: 0;
    transform: translateY(100%);
}
.fade-footer-enter-to,
.fade-footer-leave-from {
    opacity: 1;
    transform: translateY(0);
}


@media screen and (max-width: 720px){
    .footerDiv.footerOtherIndexDiv{
        position: relative;
        bottom: 0;
    }
    .footerDiv .footerDivBox {
        width: 95%;
    }
    .footerDiv .footerTopDiv {
        width: 90%;
        margin: 2% auto;
    }
    .footerDiv .footerMiddleDiv .footerIntro {
        padding-bottom: 25%;
    }
    .footerDiv .footerMiddleDiv {
        width: 95%;
        margin: 4% auto 3% auto;
    }
    .footerDiv .footerNotice p{
        margin: .5% 0;
        font-size: .75em;
    }
    .footerDiv .footerADiv a {
        margin: 0 2%;
        font-size: 4vw;
    }
    .footerDiv .footerADiv a:nth-child(2):before {
        top: -13%;
    }
    .footerDiv .footerADiv a:nth-child(3):before {
        top: -13%;
    }
   .footerDiv .footerBottomDiv {
        font-size: .6rem;
        margin: 1% 0 0 0;
    }


}