@media only screen and (min-width: 0) {
    div.content_partner {
        position: relative;
    }
}

/*圓圖片 一排*/

@media only screen and (min-width: 0) {
    div.content_partner[data-style="0"] div.partner_block_odd {
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }
    div.content_partner[data-style="0"] div.partner_img_odd {
        width: 30%;
        position: relative;
        float: left;
        border-radius: 50%;
        /*overflow: hidden;*/
    }
    div.content_partner[data-style="0"] div.partner_img_odd::before {
        content: "";
        padding-top: 100%;
        display: block;
    }
    div.content_partner[data-style="0"] div.partner_img_odd img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: contain;
    }
    div.content_partner[data-style="0"] div.partner_intro_odd {
        width: calc(70% - 10px);
        float: left;
        margin: 8px 0 8px 10px;
        position: relative;
    }
    div.content_partner[data-style="0"] div.partner_intro_odd span.partner_intro_title_odd {
        width: 100%;
        text-align: center;
        font-size: 1.2em;
    }
}

/*圓圖片 一排*/

/*圓圖片 兩排*/

@media only screen and (min-width: 0) {
    div.content_partner[data-style="1"] div.partner_block_odd {
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }
    div.content_partner[data-style="1"] div.partner_img_odd {
        width: 30%;
        position: relative;
        float: left;
        border-radius: 50%;
        /*overflow: hidden;*/
    }
    div.content_partner[data-style="1"] div.partner_img_odd::before {
        content: "";
        padding-top: 100%;
        display: block;
    }
    div.content_partner[data-style="1"] div.partner_img_odd img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: contain;
    }
    div.content_partner[data-style="1"] div.partner_intro_odd {
        width: calc(70% - 10px);
        float: left;
        margin: 8px 0 8px 10px;
        position: relative;
    }
    div.content_partner[data-style="1"] div.partner_intro_odd span.partner_intro_title_odd {
        width: 100%;
        text-align: center;
        font-size: 1.2em;
    }
}

@media only screen and (min-width: 1000px) {
    div.content_partner[data-style="1"] div.partner_block_odd {
        width: calc(50% - 10px);
        margin-right: 20px;
    }
    div.content_partner[data-style="1"] div.partner_block_odd:nth-child(2n) {
        margin-right: 0;
    }
}

/*圓圖片 兩排*/

/*方圖片 一排*/

@media only screen and (min-width: 0) {
    div.content_partner[data-style="2"] div.partner_block_odd {
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }
    div.content_partner[data-style="2"] div.partner_img_odd {
        width: 30%;
        position: relative;
        float: left;
        border-radius: 5%;
        /*overflow: hidden;*/
    }
    div.content_partner[data-style="2"] div.partner_img_odd::before {
        content: "";
        padding-top: 100%;
        display: block;
    }
    div.content_partner[data-style="2"] div.partner_img_odd img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: contain;
    }
    div.content_partner[data-style="2"] div.partner_intro_odd {
        width: calc(70% - 10px);
        float: left;
        margin: 8px 0 8px 10px;
        position: relative;
    }
    div.content_partner[data-style="2"] div.partner_intro_odd span.partner_intro_title_odd {
        width: 100%;
        text-align: center;
        font-size: 1.2em;
    }
}

/*方圖片 一排*/

/*方圖片 兩排*/

@media only screen and (min-width: 0) {
    div.content_partner[data-style="3"] div.partner_block_odd {
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }
    div.content_partner[data-style="3"] div.partner_img_odd {
        width: 30%;
        position: relative;
        float: left;
        border-radius: 5%;
        /*overflow: hidden;*/
    }
    div.content_partner[data-style="3"] div.partner_img_odd::before {
        content: "";
        padding-top: 100%;
        display: block;
    }
    div.content_partner[data-style="3"] div.partner_img_odd img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: contain;
    }
    div.content_partner[data-style="3"] div.partner_intro_odd {
        width: calc(70% - 10px);
        float: left;
        margin: 8px 0 8px 10px;
        position: relative;
    }
    div.content_partner[data-style="3"] div.partner_intro_odd span.partner_intro_title_odd {
        width: 100%;
        text-align: center;
        font-size: 1.2em;
    }
}

@media only screen and (min-width: 1000px) {
    div.content_partner[data-style="3"] div.partner_block_odd {
        width: calc(50% - 10px);
        margin-right: 20px;
    }
    div.content_partner[data-style="3"] div.partner_block_odd:nth-child(2n) {
        margin-right: 0;
    }
}

/*方圖片 兩排*/

/*沒圖片 一排*/

@media only screen and (min-width: 0) {
    div.content_partner[data-style="4"] div.partner_block_odd {
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }
    div.content_partner[data-style="4"] div.partner_img_odd {
        display: none;
    }
    div.content_partner[data-style="4"] div.partner_img_odd::before {
        content: "";
        padding-top: 100%;
        display: block;
    }
    div.content_partner[data-style="4"] div.partner_img_odd img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: contain;
    }
    div.content_partner[data-style="4"] div.partner_intro_odd {
        width: 100%;
        float: left;
        position: relative;
    }
    div.content_partner[data-style="4"] div.partner_intro_odd span.partner_intro_title_odd {
        width: 100%;
        text-align: center;
        font-size: 1.2em;
    }
}

/*方圖片 一排*/

/*沒圖片 兩排*/

@media only screen and (min-width: 0) {
    div.content_partner[data-style="5"] div.partner_block_odd {
        width: 100%;
        margin-bottom: 15px;
        float: left;
    }
    div.content_partner[data-style="5"] div.partner_img_odd {
        display: none;
    }
    div.content_partner[data-style="5"] div.partner_img_odd::before {
        content: "";
        padding-top: 100%;
        display: block;
    }
    div.content_partner[data-style="5"] div.partner_img_odd img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: contain;
    }
    div.content_partner[data-style="5"] div.partner_intro_odd {
        width: 100%;
        position: relative;
    }
    div.content_partner[data-style="5"] div.partner_intro_odd span.partner_intro_title_odd {
        width: 100%;
        text-align: center;
        font-size: 1.2em;
    }
}

@media only screen and (min-width: 1000px) {
    div.content_partner[data-style="5"] div.partner_block_odd {
        width: calc(50% - 10px);
        margin-right: 20px;
    }
    div.content_partner[data-style="5"] div.partner_block_odd:nth-child(2n) {
        margin-right: 0;
    }
}

/*沒圖片 兩排*/