@charset "UTF-8";


/*.leftBox .menuList .menuLogo a{*/
/*    background-image: url(/skin/images/logo_w.png);*/
/*}*/
/*.leftBox .menuList ul li a,*/
/*.leftBox .menuList ul li a,*/
/*.leftBox .menuList ul li a:hover,*/
/*.leftBox .menuList ul li a:active,*/
/*.leftBox .menuList ul li a:visited,*/
/*.leftBox .menuList ul li a:link{*/
/*    color: #ffffff;*/
/*}*/
/*.leftBox .menuList .line{*/
/*    border-bottom: 1.7px solid #ffffff;*/
/*}*/
.leftBox ul li a span {
    font-size: .9vw;
}

.MainDiv {
    background-color: #c4cafb;
    padding-top: 5%;
}


.MainDiv .titleDiv{
    width: 55%;
    margin: 0 auto 5% auto;
    padding: 0 0 5% 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 0;
}
.MainDiv .titleDiv.privacy_title{
    background-image: url(/skin/images/privacy_title.png);
}
.MainDiv .titleDiv.service_title{
    background-image: url(/skin/images/service_title.png);
}
.MainDiv .titleDiv.user_title{
    background-image: url(/skin/images/user_title.png);
}

.MainDiv.MainDiv_w .titleDiv.privacy_title{
    background-image: url(/skin/images/privacy_title_w.png);
}
.MainDiv.MainDiv_w .titleDiv.service_title{
    background-image: url(/skin/images/service_title_w.png);
}
.MainDiv.MainDiv_w .titleDiv.user_title{
    background-image: url(/skin/images/user_title_w.png);
}

.MainDiv .divBox{
    width: 55%;
    margin: 2% auto 5% auto;
}
.MainDiv .divBox p{
    color: #43468f;
}
.MainDiv.MainDiv_w .divBox p{
    color: #ffffff;
}


@media screen and (max-width: 768px) {
    .leftBox .menuList .menuLogo a {
        background-image: url(/skin/images/logo.png);
    }
    .MainDiv .divBox {
        width: 90%;
    }
    .MainDiv .titleDiv {
        width: 100%;
    }

    .MainDiv .pageBox,
    .MainDiv.MainDiv_w .pageBox{
        padding-top: 20%;
    }

    .MainDiv.MainDiv_p {
        background-image: url(/skin/images/speical_bg_m.jpg);
        background-size: 100% 100%;
    }
    .MainDiv .titleDiv.service_title ,
    .MainDiv .titleDiv.user_title,
    .MainDiv .titleDiv.privacy_title {
        padding: 0 0 15% 0;
    }

    .MainDiv .titleDiv.special_title {
        background-image: url(/skin/images/special_title_m.png);
        width: 100%;
        padding-bottom: 15%;
    }
    .MainDiv .titleDiv.background_title{
        background-image: url(/skin/images/background_title_m.png);
        width: 100%;
        padding-bottom: 15%;
    }

    .MainDiv.MainDiv_special{
        padding-top: 15%;
    }
    .MainDiv.MainDiv_p .specialBox {
        width: 98%;
    }
    .MainDiv.MainDiv_p .specialBox .roleIconBox a {
        width: 21%;
        margin: 2%;
    }
    .MainDiv.MainDiv_p .specialBox .backgroundBox {
        width: 95%;
    }
    .MainDiv.MainDiv_p .specialBox .backgroundBox .backgroundBox_right a {
        width: 90%;
    }

}