.footerDiv {
    background-color: white;
    width: 100%;
    position: relative;
    z-index: 6;
}
.footerDiv.indexFooter{
    padding-bottom: 4.8%;
}
.footerDiv .footer_line{
    background-image: url(/skin/images/footer_line.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    padding-bottom: 5%;
}
.footerDiv .gameIntroDiv{
    width: 25%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 5%;
}

.footerDiv hr{
    color: #333333;
}

.footerDiv .shareSocialDiv{

}


.footerDiv .gameIntroDiv .gameIcon{
    width: 23%;
    margin: 0 auto;
}
.footerDiv .gameIntroDiv .gameIntroText {
    width: 65%;
    margin: 0 auto 0 12%;
}
.footerDiv .gameIntroDiv .gameIcon picture source,
.footerDiv .gameIntroDiv .gameIntroText picture source,
.footerDiv .gameIntroDiv .gameIcon picture img,
.footerDiv .gameIntroDiv .gameIntroText picture img{
    width: 100%;
}

.footerDiv .shareSocialDiv {
    width: 18%;
    margin: 3% auto 0 45.5%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.footerDiv .shareSocialDiv img{
    width: 100%;
}
.footerDiv .shareSocialDiv .shareSocialText {
    width: 18%;
}
.footerDiv .shareSocialDiv .shareSocial {
    width: 82%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}
.footerDiv .shareSocialDiv .shareSocial a{
    width: 15%;
}
.footerDiv .companyLogoDiv{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 27%;
    margin: 2% auto 0 auto;
    padding-top: 1.5%;
}
.footerDiv .companyLogoDiv .companyLogo_Star{
    width: 13%;
}
.footerDiv .companyLogoDiv .companyLogo_Aiming{
    width: 20%;
}
.footerDiv .companyLogoDiv .companyLogo_Caravan{
    width: 10%;
}
.footerDiv .companyLogoDiv .companyLogo_Master{
    width: 30%;
}
.footerDiv .companyLogoDiv .companyLogo_12 {
    width: 10%;
}
.footerDiv .companyLogoDiv .companyLogo img{
    width: 100%;
}

.footerDiv .pageDiv{
    width: 50%;
    margin: 0 auto .7% auto;
    text-align: center;
}
.footerDiv .pageDiv .slash {
    color: #333333;
    transform: rotateZ(30deg);
    display: inline-block;
    margin: 0 2%;
}
.footerDiv .pageDiv .pageDiv_middle{
    margin: 0 4%;
}
.footerDiv .pageDiv a{
    font-size: .9vw;
}
.footerDiv .pageDiv a,
.footerDiv .pageDiv a:active,
.footerDiv .pageDiv a:visited,
.footerDiv .pageDiv a:link{
    color: #333333;
    text-decoration: none;
}
.footerDiv .pageDiv a:hover{
    color: rgba(51, 51, 51, 0.7);
}
.footerDiv .copyrightDivBox{
    background-color: #0c0d19;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footerDiv .copyrightDiv {
    background-image: url(/skin/images/copyright_text.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50%;
    height: 0;
    margin: .5% auto 0 auto;
    padding-bottom: 2%;
}

@media (max-width: 768px) {
    .footerDiv.indexFooter {
        padding-bottom: 20%;
    }
    .footerDiv .companyLogoDiv {
        width: 80%;
        margin: 0 auto;
        padding-top: 3.5%;
    }
    .footerDiv .copyrightDiv {
        width: 85%;
        margin: 1.5% auto 0 auto;
        padding-bottom: 6.5%;
    }
    .footerDiv .pageDiv {
        width: 90%;
        margin: 3.5% auto 1% auto;
        text-align: center;
    }
    .footerDiv .pageDiv a {
        font-size: 1em;
    }
    .footerDiv .footer_line{
        background-image: url(/skin/images/footer_line_m.png);
        padding-bottom: 5%;
    }
    .footerDiv .gameIntroDiv {
        width: 90%;
    }
    .footerDiv .gameIntroDiv .gameIntroText {
        width: 70%;
        margin: 0 auto;
    }
    .footerDiv .shareSocialDiv {
        width: 60%;
        margin: 5% auto 5% 30.5%;
    }
    .footerDiv .companyLogoDiv {
        width: 95%;
    }
    .footerDiv .pageDiv {
        margin: 3.5% auto;
    }
    .footerDiv .copyrightDiv {
        background-image: url(/skin/images/copyright_text_m.png);
        width: 80%;
        padding-bottom: 15%;
    }
}
@media (max-width: 500px) {
    .footerDiv .copyrightDiv {
        background-image: url(/skin/images/copyright_text_m.png);
        width: 90%;
        padding-bottom: 16%;
    }
}
@media (max-width: 360px) {
    .footerDiv .pageDiv a {
        font-size: 1em;
    }
}