.pid_wrapper {
    width: 100%;
    float: right;
    position: relative;
}

.pid_top_img {
    width: 100%;
    float: right;
    position: relative;
}

.pid_top_img_shape {
    width: 100%;
    height: 55px;
    float: right;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.pid_bottom_img_shape {
    width: 100%;
    height: 55px;
    float: right;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.pid_middle_text {
    vertical-align: middle;
    display: table-cell;
}

.pid_top_img_backColor {
    width: 100%;
    right: 0;
    left: 0;
    height: 100%;
    position: absolute;
    z-index: 0;
    display: table;
    animation: changColor 5s infinite;
}

.pid_top_content {
    width: 100%;
    float: right;
    position: relative;
    display: inline-block;
}

.pid_background {
    width: 100%;
    float: right;
    background-color: #fff
}

.pid_module_container {
    width: 100%;
    float: right;
    position: relative;
    display: inline-block;
}

.pid_module_title_container {
    width: 100%;
    float: right;
    position: relative;
}

.pid_module {
    width: 100%;
    float: right;
    position: relative;
    display: inline-block;
}

.pid_module_back_color {
    width: 100%;
    float: right;
    height: 100%;
    position: relative;
}
@media (min-width: 1438px) {
.pidm_percentage_padding_top {
        padding-top: 5rem;
    }

.pidm_percentage_padding_bottom {
        padding-bottom: 5rem;
    }
    .pidm_padding_top {
        padding-top: 70px;
    }

    .pidm_padding_bottom {
        padding-bottom: 70px;
    }

    .pidm_padding_top_120 {
        padding-top: 120px;
    }

    .pidm_padding_bottom_120 {
        padding-bottom: 120px;
    }

    .pidm_no_padding_top {
        padding-top: 0px;
    }

    .pidm_no_padding_bottom {
        padding-bottom: 0px;
    }

    .pid_module_title_container {
        margin-bottom: 40px;
    }
}

@media all and (max-width: 1439px) and (min-width: 769px) {
.pidm_percentage_padding_top {
        padding-top: 4rem;
    }

.pidm_percentage_padding_bottom {
        padding-bottom: 4rem;
    }
    .pidm_padding_top {
        padding-top: 50px;
    }

    .pidm_padding_bottom {
        padding-bottom: 50px;
    }

    .pidm_padding_top_120 {
        padding-top: 70px;
    }

    .pidm_padding_bottom_120 {
        padding-bottom: 70px;
    }

    .pidm_no_padding_top {
        padding-top: 0px;
    }

    .pidm_no_padding_bottom {
        padding-bottom: 0px;
    }

    .pid_module_title_container {
        margin-bottom: 30px;
    }
}

@media all and (max-width: 768px) and (min-width: 481px) {
.pidm_percentage_padding_top {
        padding-top: 3rem;
    }

.pidm_percentage_padding_bottom {
        padding-bottom: 3rem;
    }
    .pidm_padding_top {
        padding-top: 30px;
    }

    .pidm_padding_bottom {
        padding-bottom: 30px;
    }

    .pidm_padding_top_120 {
        padding-top: 30px;
    }

    .pidm_padding_bottom_120 {
        padding-bottom: 30px;
    }

    .pidm_no_padding_top {
        padding-top: 0px;
    }

    .pidm_no_padding_bottom {
        padding-bottom: 0px;
    }

    .pid_module_title_container {
        margin-bottom: 20px;
    }
}

@media all and (max-width: 480px) and (min-width:319px) {
.pidm_percentage_padding_top {
        padding-top: 30px;
    }

.pidm_percentage_padding_bottom {
        padding-bottom: 30px;
    }
    .pidm_padding_top {
        padding-top: 20px;
    }

    .pidm_padding_bottom {
        padding-bottom: 20px;
    }

    .pidm_padding_top_120 {
        padding-top: 30px;
    }

    .pidm_padding_bottom_120 {
        padding-bottom: 20px;
    }

    .pidm_no_padding_top {
        padding-top: 0px;
    }

    .pidm_no_padding_bottom {
        padding-bottom: 0px;
    }

    .pid_module_title_container {
        margin-bottom: 20px;
    }
}

@media (max-width: 320px) {
.pidm_percentage_padding_top {
        padding-top: 30px;
    }

.pidm_percentage_padding_bottom {
        padding-bottom: 30px;
    }
    .pidm_padding_top {
        padding-top: 20px;
    }

    .pidm_padding_bottom {
        padding-bottom: 20px;
    }

    .pidm_padding_top_120 {
        padding-top: 20px;
    }

    .pidm_padding_bottom_120 {
        padding-bottom: 20px;
    }

    .pidm_no_padding_top {
        padding-top: 0px;
    }

    .pidm_no_padding_bottom {
        padding-bottom: 0px;
    }

    .pid_module_title_container {
        margin-bottom: 20px;
    }
}
