@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&amp;display=swap');
.style_disc ul {
    list-style: none;
    text-align: left;
    margin: 0;
}
.style_disc ul li {
    position: relative;
    padding-left: 15px;
}
.style_disc ul li:before {
    content: "\2022";
    position: absolute;
    top: -2px;
    left: 0;
    color: #01ABDF;
}
.py_gap {
    padding: 50px 0;
}
.preface_copy {
    margin: 1rem auto 0;
}
.list_row {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

.list_row_iso {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.light_gray_bg {
    background-color: rgba(0, 0, 0, .035);
}
.icon_circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 125px;
    height: 125px;
    margin: 0 auto;
    background-color: #01ABDF;
    border-radius: 50%;
}
/******* sustainability_pic *******************************************************************************/
.sustainability_pic {
    position: relative;
}
.sustainability_pic .section-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 25px;
    margin-bottom: 50px;
}
.sustainability_pic .section-group .preface_copy {
    margin-bottom: 15px;
}
.sustainability_pic .section-group .img-wrapper {
    position: relative;
    width: 100%;
    padding: 0 7% 0 4%;
    margin-bottom: 50px;
}
.pic_skew {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
}
.pic_skew:after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    width: 100%;
    height: 100%;
    -moz-transform: skew(-8.5deg, 0deg)translate(-50%, -50%);
    -o-transform: skew(-8.5deg, 0deg);
    -ms-transform: skew(-8.5deg, 0deg)translate(-50%, -50%);
    -webkit-transform: skew(-8.5deg, 0deg)translate(-50%, -50%);
    transform: skew(-8.5deg, 0deg)translate(-50%, -50%);
    border-radius: 7.5px;
    border: 4px solid #E2E2E2;
    opacity: 0.5;
}

.pic_skew_earth {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
}
.pic_skew_earth:after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 50%;
    width: 100%;
    height: 100%;
    -moz-transform: skew(-8.5deg, 0deg)translate(-50%, -50%);
    -o-transform: skew(-8.5deg, 0deg);
    -ms-transform: skew(-8.5deg, 0deg)translate(-50%, -50%);
    -webkit-transform: skew(-8.5deg, 0deg)translate(-50%, -50%);
    transform: skew(-8.5deg, 0deg)translate(-50%, -50%);
    border-radius: 7.5px;
    border: 4px solid #E2E2E2;
    opacity: 0.5;
}

.pic_skew_pic {
    position: relative;
    z-index: 2;
    padding-top: calc(68% - 8%);
    -moz-transform: skew(-8.5deg, 0deg);
    -o-transform: skew(-8.5deg, 0deg);
    -ms-transform: skew(-8.5deg, 0deg);
    -webkit-transform: skew(8.5deg, 0deg);
    transform: skew(-8.5deg, 0deg);
    border-radius: 7.5px;
    overflow: hidden;
}
.pic_skew_pic:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 110%;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../../../files/images/static/Sustainability/202110_revised/conflict_minerals_policy_pic.png);
    -moz-transform: skew(8.5deg, 0deg);
    -o-transform: skew(8.5deg, 0deg);
    -ms-transform: skew(8.5deg, 0deg);
    -webkit-transform: skew(8.5deg, 0deg);
    transform: skew(8.5deg, 0deg)translateX(-50%);
}
/****** .pic_skew image *******************************************************************/
.environmental_event_section .sustainability_pic .section-group {
    margin-bottom: 0 !important;
}
.conflict_minerals_policy_pic:before {
    background-image: url(../../../files/images/static/Sustainability/202110_revised/conflict_minerals_policy_pic.png);
}
.contact_information_pic:before {
    background-image: url(../../styles/images/static/careers/pic01.jpg);
}
.environmental_event_pic:before {
    background-image: url(../../../files/images/static/Sustainability/202110_revised/environmental_event_pic.png);
}
.earthhour_event_pic:before {
    background-image: url(../../../files/images/static/Sustainability/202110_revised/2024EarthHour_s2.png);
}
.cleanbeach_event_pic:before {
    background-image: url(../../../files/images/static/Sustainability/202110_revised/2023CleanBeach_en_1.png);
}

.human_rights_protection_pic:before {
    background-image: url(../../../files/images/static/Sustainability/202110_revised/human_rights_protection.png);
}
@media screen and (min-width: 991px) {
    .py_gap {
        padding: 85px 0;
    }
}
@media screen and (min-width: 1024px) {
    .sustainability_pic .section-group .img-wrapper {
        margin: 0;
        width: 55%;
    }
    .sustainability_pic .section-group .content {
        width: 45%;
    }
    .sustainability_pic .section-group {
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: calc(70px + 3%);
    }
    .sustainability_pic .section-group .img-wrapper {
        padding-left: 25px;
        width: 50%;
    }
    .sustainability_pic .section-group .img-wrapper::before {
        display: none;
    }
    .sustainability_pic .section-group .img-wrapper {
        margin-bottom: 0;
        width: 50%;
    }
}
@media screen and (min-width:1024px) and (max-width:1480px) {
    .pic_skew_pic:before {
        /* width: 140%; */
    }
    .pic_skew_pic_resize:before {
        width: 140%;
    }
    .sustainability_pic .section-group .img-wrapper {
        margin-bottom: 0;
        width: 50%;
        padding-bottom: 2%;
    }
    .sustainability_pic .section-group .content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        width: 50%;
        padding-left: 30px;
    }
    .sustainability_pic .section-group .content h3 {
        width: 100%;
    }
    .pic_skew {
        height: 100%;
        min-height: 250px;
    }
    .pic_skew_earth {
        height: 100%;
        min-height: 250px;
    }	
    .pic_skew_pic {
        padding-top: 0;
        margin-left: 18px;
        height: 100%;
        left: 50%;
        transform: skew(-8.5deg, 0deg)translateX(-50%);
    }
    .sustainability_pic .section-group {
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-bottom: 70px;
        min-height: 31vh;
    }
    .pic_skew:after {
        content: "";
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: 0%;
        left: 0%;
        margin: 22px 0 0 44px;
        width: calc(100% - 14px);
        height: 100%;
        -moz-transform: skew(-8.5deg, 0deg)translate(0%, 0%);
        -o-transform: skew(-8.5deg, 0deg);
        -ms-transform: skew(-8.5deg, 0deg)translate(0%, 0%);
        -webkit-transform: skew(-8.5deg, 0deg)translate(0%, 0%);
        transform: skew(-8.5deg, 0deg)translate(0%, 0%);
        border-radius: 7.5px;
        border: 4px solid #E2E2E2;
        opacity: 0.5;
    }
    .pic_skew_earth:after {
        content: "";
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: 0%;
        left: 0%;
        margin: 22px 0 0 44px;
        width: calc(100% - 14px);
        height: 100%;
        -moz-transform: skew(-8.5deg, 0deg)translate(0%, 0%);
        -o-transform: skew(-8.5deg, 0deg);
        -ms-transform: skew(-8.5deg, 0deg)translate(0%, 0%);
        -webkit-transform: skew(-8.5deg, 0deg)translate(0%, 0%);
        transform: skew(-8.5deg, 0deg)translate(0%, 0%);
        border-radius: 7.5px;
        border: 4px solid #E2E2E2;
        opacity: 0.5;
    }	
    .conflict_minerals_policy_pic:before {
        background-image: url(../../../files/images/static/Sustainability/202110_revised/conflict_minerals_policy_pic_mobile.png);
    }
}
@media screen and (min-width: 1600px) {
    .sustainability_pic .section-group {
        -ms-flex-align: center;
        align-items: center;
    }
    .sustainability_pic .section-group .img-wrapper {
        width: 768px;
    }
}
/*************************************************************************************************************/
.sustainable_environment_main p, .social_participation_main p {
    color: #676767;
}
.tc-lightGray_contact_us {
    margin: 0 auto;
    text-align: center;
    max-width: 500px;
    color: #01ABDF;
    padding: 0 15px;
}
.tc-lightGray_contact_us a {
    color: #fff;
    display: inline-block;
}
.tc-lightGray_contact_us span {
    display: block;
    color: #fff;
    background-color: #01ABDF;
    padding: 10px;
    border-radius: 6px;
    margin-top: 7px !important;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.tc-lightGray_contact_us span:hover {
    background-color: #0080BC;
}
.editor-style .tc-lightGray_contact_us span {
    margin-top: 7px !important;
}
.stakeholder-contact {
    position: relative;
}
.investors-tc-lightGray {
    margin: 0 auto;
    max-width: 826px;
    text-align: center;
}
.stakeholder_contact {
    padding: 70px 0 150px;
    color: #fff;
    background-color: #01559B;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../../styles/images/static/investors/06/stakeholder-contact-bg-mobile.png');
    background-size: cover;
}
.stakeholder_contact p + ul {
    margin-top: 15px;
}
.stakeholder_contact ul li {
    margin-top: 7.5px;
}
.stakeholder_contact ul li:first-of-type {
    margin-top: 0;
}
.stakeholder_contact ul li::before {
    font-family: "icomoon";
    margin-right: 0.5em;
}
.stakeholder_contact ul li.add::before {
    content: "";
}
.stakeholder_contact ul li.tel::before {
    content: "";
}
.stakeholder_contact ul li.fax::before {
    content: "";
}
.stakeholder_contact ul li.mail::before {
    content: "";
}
.stakeholder_contact ul li.web::before {
    content: "";
}
.editor-style .stakeholder_icon {
    margin: 0 auto 10px !important;
    max-width: 130px;
}
.stakeholder_icon svg {
    fill: #01ABDF;
}
#investors-editor .table-wrapper.investors_table .stakeholder_table th, #investors-editor .table-wrapper.investors_table .stakeholder_table td:first-child {
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 1024px) {
    .table-wrapper.investors_table .table-style th, .table-wrapper.investors_table .table-style td {
        word-break: break-word;
    }
}
@media screen and (max-width: 767px) {
    .table-wrapper.investors_table tbody tr td > .td-inner {
        padding: 15px;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead) td:before {
        vertical-align: middle;
        text-align: center;
        padding: 15px;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead).responsive-table tbody tr td:first-child:before {
        border-radius: 10px 0 0;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead).responsive-table tbody tr td:last-of-type .td-inner {
        border-radius: 0 0 15px;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead).responsive-table tbody tr td .td-inner {
        background-color: #E5EFF8;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead).responsive-table tbody tr td {
        border-color: #fff;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead).responsive-table tbody tr td:first-child:before {
        background-color: #01ABDF;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead).responsive-table tbody tr td:last-of-type {
        border: none;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead).responsive-table tbody tr td:nth-of-type(2):before {
        background-color: #0080BC;
    }
}
@media screen and (min-width: 767px) {
    .table-wrapper.investors_table .table-style:not(.no-thead) th, .table-wrapper.investors_table .table-style:not(.no-thead) td {
        position: relative;
        z-index: 2;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead) th {
        background-color: transparent;
        color: #ffffff;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead) td:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 15px;
        left: 0;
        bottom: 0;
        z-index: -1;
        width: 100%;
        background-color: #E5EFF8;
        border-radius: 15px 0;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead).responsive-table tbody tr {
        padding: 30px 0 !important;
    }
    _:-ms-lang(x), .table-wrapper.investors_table .table-style:not(.no-thead) td:before {}
    _:-ms-lang(x), .table-wrapper.investors_table .table-style:not(.no-thead) td:after {}
    .table-wrapper.investors_table .table-style td:first-child:before {
        width: 86%;
    }
    .table-wrapper.investors_table .table-style td:nth-of-type(2):before {
        width: 90%;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead) td:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 3%;
        z-index: -1;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 20px 30px;
        border-color: transparent transparent transparent #E5EFF8;
    }
    .table-wrapper.investors_table .table-style:not(.no-thead) tbody tr:nth-child(even) td {
        background-color: transparent;
    }
    .table-wrapper.investors_table .table-style td {
        border-bottom: none;
    }
    #investors-editor .table-wrapper.investors_table .stakeholder_table th {
        padding: 15px;
    }
    #investors-editor .table-wrapper.investors_table .stakeholder_table td {
        padding: 30px 30px 15px;
    }
    #investors-editor .table-wrapper.investors_table .stakeholder_table td {
        vertical-align: middle;
    }
    #investors-editor .table-wrapper.investors_table .stakeholder_table th:nth-of-type(2) {
        padding: 0 4% 0 15px;
    }
    #investors-editor .table-wrapper.investors_table .stakeholder_table td:nth-of-type(2) {
        font-weight: bold;
        padding: 30px 54px 15px 25px;
    }
    #investors-editor .table-wrapper.investors_table .stakeholder_table th:first-child {
        width: 20%;
        padding: 0 4% 0 15px;
    }
    #investors-editor .table-wrapper.investors_table .stakeholder_table td:first-child {
        padding: 30px 54px 15px 15px;
    }
    .table-wrapper.investors_table .stakeholder_table th:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: -1;
        width: 90%;
        border-radius: 15px 0;
    }
    .table-wrapper.investors_table .stakeholder_table th:first-child:before {
        width: 86%;
        background-color: #01ABDF;
    }
    .table-wrapper.investors_table .stakeholder_table th:nth-of-type(2):before {
        background-color: #0080BC;
    }
    .table-wrapper.investors_table .stakeholder_table th:last-of-type:before {
        background-color: #01559B;
        width: 100%;
    }
    .stakeholder_contact {
        padding: 5% 0;
        background-image: url('../../styles/images/static/investors/06/stakeholder-contact-bg.jpg');
    }
}
@media screen and (min-width: 1420px) {
    .table-wrapper.investors_table .table-style:not(.no-thead) td:after {
        right: 15px;
        border-width: 20px 0 20px 30px;
    }
}
/********* contact information  *************************************************************************************/
.contact_information .section-inner.container {
    width: 100%;
}
.title_bold {
    font-weight: bold;
    color: #01ABDF;
    font-size: 21px;
    margin: 0 0 15px;
}
.RoHS_section {
    background-color: #e9e9e9
}
.RoHS_section h3 {
    text-align: center
}

.RoHS_section_content {
    margin: 0 auto;
    max-width: 540px;
}
.RoHS_section_content .list_row {
    margin: 0 -15px;
}
.RoHS_section_content dl.list_row dt, .RoHS_section_content dl.list_row dd {
    padding: 0 15px;
}
.RoHS_section_content dl.list_row dt div, .RoHS_section_content dl.list_row dd div {
    position: relative;
    height: 100%;
    background-color: #fff;
    padding: 30px 30px 90px 30px;
    border-radius: 20px 0;
    overflow: hidden;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
}

@media screen and (min-width: 1024px) and (max-width: 1480px) {
    .contact_information .sustainability_pic .section-group .img-wrapper {
        padding: 0 85px 0 0;
    }
}
@media screen and (min-width: 1024px) {
    .contact_information .sustainability_pic .section-group .preface_copy {
        text-align: center;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 auto 25px;
    }
    .contact_information .sustainability_pic .section-group .preface_copy p {
        margin: 0 auto;
        max-width: 920px;
    }
    .contact_information .sustainability_pic .section-group .img-wrapper {
        -ms-flex-order: 2;
        order: 2;
        width: 50%;
    }
    .contact_information .sustainability_pic .section-group .style_disc {
        -ms-flex-order: 3;
        order: 3;
        width: 50%;
    }
}
/****** 社會參與 social_participation_main  ***********************************************************************************************/
.RBA_conduct_section {
    padding: 85px 0 50px;
}
.RBA_conduct_section .preface_copy {
    text-align: center;
    max-width: 740px;
}
ul.RBA_item_list {
    margin: 25px auto 0 !important;
}
ul.RBA_item_list li div {
    position: relative;
    padding: 25px;
    height: 100%;
}
ul.RBA_item_list li div:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100% - 100px);
    background-color: #fff;
    border-radius: 25px 0;
    border: 2px solid #01ABDF;
    -webkit-box-shadow: 3px 3px 0px #01ABDF;
    -moz-box-shadow: 3px 3px 0px #01ABDF;
    box-shadow: 3px 3px 0px #01ABDF;
}
ul.RBA_item_list li div figure, ul.RBA_item_list li div p {
    position: relative;
    z-index: 5;
}
ul.RBA_item_list li div figure {
    border: 6px solid #fff;
    width: 130px;
    height: 130px;
}
ul.RBA_item_list li div figure img {
    width: 70%
}
ul.RBA_item_list li div p {
    font-size: 15px;
}
.support_Nurture_section {
    text-align: center;
}
.support_Nurture_section h3 {
    margin-top: 50px;
}
.support_Nurture_list_wrap {
    background-color: #fff;
    padding: 0 25px 25px 25px;
    border-radius: 15px 0;
    margin: 0 auto;
    box-shadow: 2px 4px 8px rgb(0 0 0 / 8%);
    max-width: 1024px;
}
ul.support_Nurture_list {
    margin: 0 !important;
}
ul.support_Nurture_list li {
    margin: 25px 0 0 !important;
    box-sizing: border-box;
    width: 100%;
}
ul.support_Nurture_list li:first-child {
    margin: 25px auto 0 !important;
}
ul.support_Nurture_list li p {
    color: #fff;
    font-weight: bold;
    background-color: #01ABDF;
    padding: 15px;
    margin: 0;
    border-radius: 15px 0;
    height: 100%;
}
ul.support_Nurture_list li:nth-of-type(2) p {
    background-color: #0079C1;
}
ul.support_Nurture_list li:nth-of-type(3) p {
    background-color: #00539C;
}
ul.support_Nurture_list li:nth-of-type(4) p {
    background-color: #29BBC4;
}
ul.support_Nurture_list li:nth-of-type(5) p {
    background-color: #1595B2;
}
ul.support_Nurture_list li:nth-of-type(6) p {
    background-color: #0282AC;
}
.medical_support_section {
    text-align: center;
}
.medical_support_section h3 {
    position: relative;
    z-index: 10;
    font-weight: bold;
    color: #fff;
    background-color: #00539C;
    padding: 15px;
    border-radius: 10px;
    margin: 50px auto;
    max-width: 320px;
}
.medical_support_content {
    position: relative;
    margin: 0 auto;
    max-width: 1366px;
}
.medical_support_content:before {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
    bottom: 13%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #666;
    width: 1px;
    height: 110%;
}
.editor-style ul.medical_support_list {
    position: relative;
    z-index: 10;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin: 0 auto;
}
ul.medical_support_list li div {
    overflow: hidden;
    position: relative;
    border-radius: 500px;
    background-color: #fff;
    padding: 12px;
    height: 100%;
    box-shadow: 2px 4px 8px rgb(0 0 0 / 8%);
}
ul.medical_support_list li div:after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-color: #01ABDF;
    border-radius: 500px;
}
ul.medical_support_list li div .list_row {
    position: relative;
    z-index: 5;
    -ms-flex-align: center;
    align-items: center;
}
ul.medical_support_list li div .list_row figure {
    padding: 5px;
    background-color: #fff;
    margin: 0;
    border-radius: 500px;
    overflow: hidden;
    width: 20%;
}
ul.medical_support_list li div .list_row figure img {
    width: 100%;
}
ul.medical_support_list li div .list_row p {
    text-align: left;
    margin: 0 !important;
    width: 80%;
    color: #fff;
    padding: 0 22px 0 15px;
}
ul.salary_Structure_list li div figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 125px;
    height: 125px;
    margin: 0 auto;
    background-color: #01ABDF;
    border-radius: 50%;
}
.social_welfare_section .social_welfare_card {
    background-color: #fff;
    padding: 20px 10px 0;
    border-radius: 15px 0;
    box-shadow: 2px 4px 8px rgb(0 0 0 / 8%);
}
.social_welfare_section dl.list_row {
    margin: 0;
    -ms-flex-align: center;
    align-items: center;
}
.social_welfare_section dl.list_row dt {
    position: relative;
    margin: 0 auto !important;
}
.social_welfare_section dl.list_row dt .primary-head {
    position: relative;
    z-index: 2;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 210px;
    height: 210px;
    background-color: #fff;
    border-radius: 500px;
    border: 6px solid #01ABDF;
}
.social_welfare_section dl.list_row dt:after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    right: inherit;
    background-color: #666;
    height: 150%;
    width: 1px;
}
.social_welfare_section dl.list_row dt .primary-head h2 {
    margin: 0 0 10px;
}
.social_welfare_section dl.list_row dd ul.list_row li {
    margin: 0 0 20px !important;
}
.social_welfare_section dl.list_row dd ul.list_row {
    margin: 0 auto !important;
}
.social_welfare_section dl.list_row dd ul.list_row li {
    padding: 0 10px;
}
.editor-style ul.medical_support_list li {
    max-width: 400px;
    margin: 15px auto !important;
}
.social_welfare_section dl.list_row dd {
    position: relative;
    z-index: 10;
    margin-top: 50px;
}
.medical_support_section .container {
    max-width: none;
}
.medical_support_content {
    max-width: 480px;
}
@media (min-width: 640px) {
    ul.support_Nurture_list {
        margin: 0 -15px !important;
    }
    ul.support_Nurture_list li {
        width: calc(100% /2);
        padding: 0 15px;
    }
    .social_welfare_section dl.list_row dd ul.list_row li {
        width: calc(100% / 2);
    }
    .social_welfare_section dl.list_row dd ul.list_row li:nth-of-type(1) {
        -ms-flex-order: 1;
        order: 1;
    }
    .social_welfare_section dl.list_row dd ul.list_row li:nth-of-type(2) {
        -ms-flex-order: 3;
        order: 3;
    }
    .social_welfare_section dl.list_row dd ul.list_row li:nth-of-type(3) {
        -ms-flex-order: 2;
        order: 2;
    }
    .social_welfare_section dl.list_row dd ul.list_row li:nth-of-type(4) {
        -ms-flex-order: 4;
        order: 4;
    }
    .editor-style ul.medical_support_list {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -30px;
    }
    ul.medical_support_list li {
        padding: 0 30px;
    }
}
@media (min-width: 857px) {
    .medical_support_content:before {
        bottom: 20%;
        height: 112%;
    }
}
@media (min-width: 980px) {
    ul.support_Nurture_list li {
        width: calc(100% /3);
    }
    .social_welfare_section dl.list_row dt {
        width: 25%;
    }
    .social_welfare_section dl.list_row dd {
        width: 75%;
        margin-top: 0;
    }
    .social_welfare_section dl.list_row dt:after {
        top: 50%;
        transform: none;
        left: inherit;
        right: 0;
        height: 1px;
        width: 70%;
    }
}
@media (min-width: 1024px) {
    ul.medical_support_list li {
        max-width: 400px;
    }
}
@media (min-width: 1153px) {
    ul.medical_support_list li:last-of-type {
        margin-top: 0;
    }
    .medical_support_content:after {
        content: "";
        display: inline-block;
        position: absolute;
        z-index: 1;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        border: 1px solid #666;
        border-bottom: none;
        width: calc(100% - 30.5%);
        height: calc(100% + 28px);
    }
    .medical_support_content:before {
        bottom: 50%;
        height: 120%;
    }
    .editor-style ul.medical_support_list {
        margin: 0 -15px;
    }
    ul.medical_support_list li {
        width: calc(100% /3);
        margin: 0;
        padding: 0 15px;
        max-width: none;
    }
    .medical_support_content {
        max-width: 1300px;
    }
}
.social_welfare_section dl.list_row dd ul.list_row li div {
    border: 2px solid #0079C1;
    overflow: hidden;
    border-radius: 10px 0;
    height: 100%;
}
.social_welfare_section dl.list_row dd ul.list_row li div h3 {
    color: #fff;
    background-color: #0079C1;
    padding: 10px;
    text-align: center;
    margin: 0;
}
.social_welfare_section dl.list_row dd ul.list_row li div p {
    margin: 0 !important;
    padding: 10px;
}
.social_welfare_title a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background-color: #0079C1;
    padding: 5px 15px;
    border-radius: 5px;
    text-decoration: none !important;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.social_welfare_title a:hover {
    color: #fff !important;
    background-color: #01ABDF;
}
@media screen and (min-width: 1420px) {
    .medical_support_content {
        max-width: 1366px;
    }
}
@media screen and (max-width: 767px) {
    ul.RBA_item_list {
        max-width: 480px;
    }
}
@media screen and (min-width: 767px) {
    ul.RBA_item_list li {
        width: calc(100% /2);
        padding: 0 30px;
    }
}
@media screen and (min-width: 1280px) {
    ul.RBA_item_list li {
        width: calc(100% /4);
    }
}
/****** RoHS 環境永續 ***********************************************************************************************/
.environmental_protection_section {
    background-image: url(../../../files/images/static/Sustainability/202110_revised/environmental_protection_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.RoHS_section_content {
    margin: 0 auto;
    max-width: 640px;
}
.RoHS_section_content .list_row_iso {
    margin: 0 -15px;
	gap:20px;
	justify-content: center; 		
}
.RoHS_section_content dl.list_row_iso dt, .RoHS_section_content dl.list_row_iso dd {
    padding: 0 15px;
}
.RoHS_section_content dl.list_row_iso dt div, .RoHS_section_content dl.list_row_iso dd div {
    position: relative;
    height: 100%;
    background-color: #fff;
	padding: 30px 30px 90px 30px;
    border-radius: 20px 0;
    overflow: hidden;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
}
.RoHS_section_content dl.list_row_iso figure img {
    width: 100%;
	height: 170px;
}
.RoHS_section h3 {
    margin: 0 0 25px;
}

.RoHS_section_content dl.list_row_iso p#text {
      max-height: 200px; /* 设置最大高度 */
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 10; /* 这里的数字可以根据需要调整，表示显示的行数 */
      -webkit-box-orient: vertical;
      margin: 0; /* 重置段落的默认边距 */
    }
.RoHS_section_content dl.list_row_iso p#text.expanded {
      max-height: none; /* 展开时取消最大高度限制 */
      -webkit-line-clamp: unset; /* 在展开状态下取消行数限制 */
    }

.RoHS_section_content dl.list_row_iso #toggleButton {
      display: none;
      text-align: right;
    }

.RoHS_section_content dl.list_row_iso p#text:not(.expanded) + #toggleButton {
      display: inline-block; /* 仅在收起状态显示按钮 */
    }	


.link_button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.link_button a {
    display: inline-block;
    padding: 8px 18px;
    color: #fff;
    background-color: #01ABDF;
    text-decoration: none !important;
    vertical-align: middle;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.link_button a:hover {
    color: #fff !important;
    background-color: #0080BC;
}
.link_button a:after {
    content: ">";
    display: inline-block;
    margin-left: 15px;
}
.environmental_violations_section {
    padding: 50px 0;
}
.environmental_violations_card {
    text-align: center;
    margin: 0 auto;
    max-width: 640px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 15px 0;
    border: 2px solid #0079C1;
}
.environmental_violations_card h3 {
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    background-color: #0079C1;
    padding: 10px;
    border: 2px solid #0079C1;
    border-bottom: none;
}
.environmental_violations_card p {
    font-weight: bold;
    color: #0079C1;
    padding: 15px;
}
.environmental_protection_section {
    color: #fff;
    text-align: center;
}
.environmental_protection_section h3 {
    color: #fff;
}
.environmental_protection_section h3 + p {
    color: #fff;
    margin: 0 auto;
    max-width: 640px;
}
.environmental_protection_list {
    list-style: none;
    margin: 50px -30px -50px -30px;
    padding: 0;
    -ms-flex-pack: center;
    justify-content: center;
}
.environmental_protection_list li {
    width: calc(100% / 2);
    padding: 0 30px;
    margin-bottom: 50px;
}
.environmental_protection_list li .icon_circle img {
    width: 50%;
}
.environmental_protection_list li p {
    color: #fff;
    margin-top: 20px;
}
.environmental_event_section {
    padding: 50px 0 0;
}
@media screen and (max-width: 820px) {
    .RoHS_section_content dl.list_row_iso dt {
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 580px) {
    .environmental_protection_list li {
        width: calc(100% / 3);
    }
}
@media screen and (min-width: 820px) {
    .RoHS_section_content {
        max-width: 1380px;
    }
    .RoHS_section_content dl.list_row_iso dt, .RoHS_section_content dl.list_row_iso dd {
        width: calc(100% / 4);
    }
    .RoHS_section_content dl.list_row dt, .RoHS_section_content dl.list_row dd {
        width: calc(100% / 2);
    }	
    .RoHS_section_content dl.list_row_iso dt.d2, .RoHS_section_content dl.list_row_iso dd.d2 {
        width: calc(100% / 2);
    }    
    .environmental_protection_list li {
        width: 259px;
    }
}
@media screen and (min-width: 991px) {
    .environmental_event_section {
        padding: 70px 0 0;
    }
}
@media screen and (min-width: 1024px) {
    .RoHS_section_content .list_row_iso {
        margin: 0 -30px;
    }
    .RoHS_section_content dl.list_row_iso dt, .RoHS_section_content dl.list_row_iso dd {
        padding: 0 30px;
    }
    .environmental_event_section .sustainability_pic .section-group .img-wrapper .item {
        padding-bottom: calc(30000%/500);
    }
}
@media screen and (min-width: 1200px) {
    .sustainability_pic .section-group.backward_order .img-wrapper {
        -ms-flex-order: 2;
        order: 2;
        padding: 0 4% 0 7%;
    }
    .sustainability_pic .section-group.backward_order .content {
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
    }
}
/****** employee 員工闗懷 ****************************************************************************************/
.remuneration_system_section {
    padding-bottom: 70px;
}
.human_rights_protection_policy_section article:last-of-type {
    padding-bottom: 0;
}
.remuneration_system_section .container {
    max-width: 1200px;
}
.remuneration_system_section .container article {
    background-color: #E5EFF8;
    border-radius: 15px 0;
    padding: 25px;
}
.remuneration_system_section .container .salary_Structure {
    margin: 30px 0 0
}
ul.remuneration_system_list {
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 420px;
    margin: 0 auto;
}
ul.remuneration_system_list li {
    width: 100%;
    padding: 0 10px;
    margin-top: 20px;
}
@media screen and (min-width: 767px) {
    ul.remuneration_system_list {
        margin: 30px -10px 0;
        max-width: inherit;
    }
    ul.remuneration_system_list li {
        width: calc(100% /3);
        margin: 0;
    }
}
ul.remuneration_system_list li div, ul.remuneration_system_list li div figure, ul.remuneration_system_list li div span {
    position: relative;
}
ul.remuneration_system_list li div {
    text-align: center;
    height: 100%;
}
ul.remuneration_system_list li div figure {
    border: 3px solid #fff;
}
ul.remuneration_system_list li div figure img {
    width: 62%;
}
ul.remuneration_system_list li div span {
    display: inline-block;
    padding: 15px;
    font-size: 15px;
}
ul.remuneration_system_list li div span strong {
    display: block;
    font-size: 18px;
    margin: 0 0 5px;
}
ul.remuneration_system_list li div:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100% - 74px);
    background-color: #fff;
    border-radius: 25px 0;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 8%);
}
ul.remuneration_system_list li:nth-of-type(1) strong {
    color: #01ABDF;
}
ul.remuneration_system_list li:nth-of-type(2) .icon_circle {
    background-color: #0079C1;
}
ul.remuneration_system_list li:nth-of-type(2) strong {
    color: #0079C1;
}
ul.remuneration_system_list li:nth-of-type(3) .icon_circle {
    background-color: #00539C;
}
ul.remuneration_system_list li:nth-of-type(3) strong {
    color: #00539C;
}
.remuneration_system_section .container article .title_hgroup {
    text-align: center;
    margin: 0 auto;
    max-width: 980px;
}
.remuneration_system_section .container article .title_hgroup h3 {
    color: #01ABDF;
    font-size: 24px;
    margin: 0 0 15px;
    line-height: normal;
}
.remuneration_system_section .container article .title_hgroup h3 span, .remuneration_system_section .container article .title_hgroup h3 strong {
    display: inline-block;
}
.remuneration_system_section .container article .title_hgroup h3 span {
    font-size: 32px;
    margin-right: 15px;
    font-family: 'Oswald', sans-serif;
}
.welfare_policy {
    color: #fff;
    background-color: #4B4F5B;
}
.welfare_policy .primary-head + p {
    text-align: center;
    margin: 1rem auto 25px;
    color: #fff;
    max-width: 1200px;
}
ul.policy_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.policy_list li {
    margin: 10px 0;
    background-color: #fff;
    color: #676767;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 8%);
}
.policy_list li:first-of-type {
    text-align: center;
    color: #fff;
    background-color: #01ABDF;
    padding: 10px;
    border-radius: 15px 0;
    font-size: 21px;
}
.policy_list li dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.policy_list li dl dt {
    text-align: center;
    padding: 10px;
    color: #01ABDF;
    background-color: #E5EFF8;
    width: 66px;
}
.policy_list li dl dt strong {
    line-height: 1;
    font-size: 42px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
}
.policy_list li dl dd {
    -ms-flex: 1;
    flex: 1;
    padding: 10px;
}
.policy_list li dl dd strong {
    display: inline-block;
    position: relative;
    color: #222;
}
.policy_list li dl dd strong, .policy_list li dl dd p {
    padding-left: 18px;
}
.policy_list li dl dd strong:before {
    content: "●";
    position: absolute;
    top: 2px;
    left: 0;
    color: #01ABDF;
    font-size: 12px;
}
.human_rights_protection_policy_section .primary-head {
    text-align: center;
    margin: 0 auto 30px;
}
.human_rights_protection_policy_section .primary-head h2 {
    margin: 0 0 15px;
}
.human_rights_protection_policy_section .primary-head h3 {
    color: #01ABDF;
    font-size: 24px;
    margin: 0 0 10px;
    line-height: normal;
}
.specific_measures {
    background-color: #fff;
    margin: 0 auto;
    padding: 30px;
    border-radius: 25px 0;
    max-width: 1200px;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
}
.specific_measures strong {
    display: inline-block;
    margin: 0 0 15px;
}
.happy_workplace dl.list_row {
    margin: 0 auto;
    max-width: 768px
}
.happy_workplace dl.list_row article {
    position: relative;
    padding: 25px;
}
.happy_workplace dl.list_row article * {
    position: relative;
    z-index: 5;
    font-size: 17px;
}
.happy_workplace dl.list_row article:after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E5EFF8;
    border-radius: 15px 0;
}
.happy_workplace dl.list_row article {
    margin: 30px 0 0;
}
.happy_workplace dl.list_row h3 {
    display: -ms-flexboxt;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 21px;
    color: #01ABDF;
    line-height: 1;
    margin: 0 0 15px;
}
.happy_workplace dl.list_row h3 span, .happy_workplace dl.list_row h3 strong {
    display: inline-block;
}
.happy_workplace dl.list_row h3 span {
    font-size: 42px;
    font-family: 'Oswald', sans-serif;
    line-height: 0;
    padding-right: 10px;
}
.happy_workplace dl.list_row h3 strong {
    padding: 8px 19px;
    color: #fff;
    background-color: #01ABDF;
    border-radius: 5px;
    font-size: 21px;
}
.workplace_assistance {
    padding: 15px;
    background-color: #fff;
    border-radius: 15px 0;
    margin-top: 30px;
}
.workplace_assistance figure {
    margin: 15px auto;
    text-align: center;
    max-width: 380px;
}
.workplace_assistance .list_row {
    margin: 0 -15px;
}
.workplace_assistance .list_row li {
    padding: 0 15px;
    margin: 15px 0 0;
    width: 100%;
}
.workplace_assistance .list_row li span {
    display: block;
    font-size: 15px;
    padding: 6px 0 0;
}
.workplace_assistance .list_row li strong {
    display: block;
    padding: 8px 10px 8px 8px;
    color: #fff;
    border-radius: 5px;
    font-size: 21px;
}
.workplace_assistance .list_row li:nth-of-type(1) strong {
    background-color: #29BBC4;
}
.workplace_assistance .list_row li:nth-of-type(2) strong {
    background-color: #1595B2;
}
.workplace_assistance .list_row li:nth-of-type(3) strong {
    background-color: #0282AC;
}
.workplace_assistance .list_row li:nth-of-type(4) strong {
    background-color: #01ABDF;
}
.workplace_assistance .list_row li:nth-of-type(5) strong {
    background-color: #0079C1;
}
.workplace_assistance .list_row li:nth-of-type(6) strong {
    background-color: #00539C;
}
.health_card .list_row figure {
    margin: 20px auto 0;
    max-width: 320px;
}


.happy_workplace[data-lang="en"] .workplace_assistance_card .list_row {
    width: 800px;
    margin: 20px auto 0;
    /* border: 1px solid gray; */
}
.happy_workplace[data-lang="en"] .workplace_assistance_card .list_row figure {
    /* text-align: left; */
    margin: 10px auto 0;
    max-width: 350px;
    max-height: 300px;
    padding: 15px;
    background-color: #fff;
    border-radius: 15px 0;
    /* vertical-align: top;
    border: 1px solid gray;  */
}

@media (max-width: 1024px) {
    .happy_workplace[data-lang="en"] .workplace_assistance_card .list_row {
        width: 95%;
        margin: 20px auto 0;
    }
}
@media (max-width: 767px) {
    .happy_workplace[data-lang="en"] .workplace_assistance_card .list_row {
        width: 95%;
        margin: 20px auto 0;
    }
}

@media (min-width: 767px) {
    .workplace_assistance .list_row li {
        width: calc(100% / 2);
    }
}
@media (min-width: 1024px) {
    .happy_workplace dl.list_row dt {
        width: 45%;
    }
    .happy_workplace dl.list_row dd {
        width: 55%;
    }
    .happy_workplace dl.list_row {
        margin: 25px -15px 0;
        max-width: none;
    }
    .happy_workplace dl.list_row dt, .happy_workplace dl.list_row dd {
        padding: 0 15px;
    }
    .health_card .list_row div, .health_card .list_row figure {
        width: 55%;
    }
    .health_card .list_row figure {
        width: 45%;
        padding: 58px 0 0 30px;
    }
    .happy_workplace dl.list_row article {
        margin: 0;
    }
    .happy_workplace dl.list_row dd article {
        height: 100%;
    }
    .happy_workplace dl.list_row dt article:first-of-type {
        margin: 0 0 30px;
    }
}
@media (min-width: 1280px) {}
@media (min-width: 1366px) {
    .workplace_assistance .list_row li {
        margin: 20px 0;
    }
    .workplace_assistance .list_row li p {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .workplace_assistance .list_row li span {
        display: inline-block;
        -ms-flex: 1;
        flex: 1;
        padding: 0 0 0 10px;
    }
    .workplace_assistance .list_row li strong {
        display: inline-block;
    }
    .health_card .list_row figure {
        padding: 0 0 0 50px;
    }
}
/****** COVID-19 防疫措施 ***************************************************************************************************************/
.preventive_measures_list {
    position: relative;
    margin: 50px auto 0;
    max-width: 1200px;
}
.preventive_measures_list article {
    position: relative;
}
.preventive_measures_list article dl.list_row dd .icon_circle {
    position: relative;
    z-index: 10;
    width: 120px;
    height: 120px;
    border: 8px solid #fff;
    box-shadow: 2px 4px 8px rgb(0 0 0 / 8%);
}
.preventive_measures_list article dl.list_row dd .icon_circle img {
    width: 65%;
}
.preventive_measures_list article dd {
    min-height: 159px;
}
.preventive_measures_list article dl.list_row dt {
    position: relative;
    z-index: 5;
    width: 28px;
    padding: 14px 0 0;
}
.preventive_measures_list article dl.list_row dd {
    position: relative;
    width: calc(100% - 28px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 30px;
}
.preventive_measures_list article:last-of-type dl.list_row dd, .preventive_measures_list article:last-of-type dl.list_row dd .preventive_measures_copy {
    padding-bottom: 0;
}
.preventive_measures_list article:last-of-type dl.list_row dt .blue_bg {
    height: calc(100% - 52px);
}
.preventive_measures_list article dl.list_row dt span {
    position: relative;
    z-index: 5;
    display: block;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 500px;
    text-align: center;
    line-height: 21px;
    font-size: 18px;
    color: #00539C;
    border: 4px solid #e0e0e0;
}
.preventive_measures_list article dl.list_row dt svg {
    vertical-align: top;
}
.preventive_measures_copy {
    width: 100%;
    padding: 0 20px 50px;
}
.preventive_measures_copy strong {
    position: relative;
    display: block;
    font-size: 23px;
    margin: 0 0 5px;
}
.preventive_measures_copy strong svg {
    fill: #00539C;
    width: 13px;
}
.blue_bg {
    position: relative;
    height: calc(100% - 56px);
    background-color: #00539C;
    margin: 18px 0 0;
}
.blue_bg:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_down.svg");
    height: 9px;
}
.blue_bg:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_end.svg");
    height: 9px;
}
.preventive_measures_list article:last-of-type .blue_bg:before {
    display: none;
}
.preventive_measures_list article:nth-of-type(2) .blue_bg:before, .preventive_measures_list article:nth-of-type(8) .blue_bg:before {
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_down-1.svg");
}
.preventive_measures_list article:nth-of-type(2) .blue_bg:after, .preventive_measures_list article:nth-of-type(8) .blue_bg:after {
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_end-1.svg");
}
.preventive_measures_list article:nth-of-type(3) .blue_bg:before, .preventive_measures_list article:nth-of-type(7) .blue_bg:before {
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_down-2.svg");
}
.preventive_measures_list article:nth-of-type(3) .blue_bg:after, .preventive_measures_list article:nth-of-type(7) .blue_bg:after {
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_end-2.svg");
}
.preventive_measures_list article:nth-of-type(4) .blue_bg:before, .preventive_measures_list article:nth-of-type(6) .blue_bg:before {
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_down-3.svg");
}
.preventive_measures_list article:nth-of-type(4) .blue_bg:after, .preventive_measures_list article:nth-of-type(6) .blue_bg:after {
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_end-3.svg");
}
.preventive_measures_list article:nth-of-type(5) .blue_bg:before {
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_down-4.svg");
}
.preventive_measures_list article:nth-of-type(5) .blue_bg:after {
    background-image: url("../../../files/images/static/Sustainability/202110_revised/svg/arrow_end-4.svg");
}
.preventive_measures_list article:nth-of-type(1) dl.list_row dd .icon_circle, .preventive_measures_list article:nth-of-type(9) dl.list_row dd .icon_circle {
    background-color: #00539C;
}
.preventive_measures_list article:nth-of-type(2) .blue_bg, .preventive_measures_list article:nth-of-type(8) .blue_bg, .preventive_measures_list article:nth-of-type(2) dl.list_row dd .icon_circle, .preventive_measures_list article:nth-of-type(8) dl.list_row dd .icon_circle {
    background-color: #0079C1;
}
.preventive_measures_list article:nth-of-type(3) .blue_bg, .preventive_measures_list article:nth-of-type(7) .blue_bg, .preventive_measures_list article:nth-of-type(3) .dl.list_row dd .icon_circle, .preventive_measures_list article:nth-of-type(7) dl.list_row dd .icon_circle {
    background-color: #01ABDF;
}
.preventive_measures_list article:nth-of-type(4) .blue_bg, .preventive_measures_list article:nth-of-type(6) .blue_bg, .preventive_measures_list article:nth-of-type(4) dl.list_row dd .icon_circle, .preventive_measures_list article:nth-of-type(6) dl.list_row dd .icon_circle {
    background-color: #29BBC4;
}
.preventive_measures_list article:nth-of-type(5) .blue_bg, .preventive_measures_list article:nth-of-type(5) dl.list_row dd .icon_circle {
    background-color: #1595B2;
}
.preventive_measures_list article:nth-of-type(1) dl.list_row dd .preventive_measures_copy strong, .preventive_measures_list article:nth-of-type(9) dl.list_row dd .preventive_measures_copy strong {
    color: #00539C;
}
.preventive_measures_list article:nth-of-type(2) dl.list_row dt span, .preventive_measures_list article:nth-of-type(8) dl.list_row dt span, .preventive_measures_list article:nth-of-type(2) dl.list_row dd .preventive_measures_copy strong, .preventive_measures_list article:nth-of-type(8) dl.list_row dd .preventive_measures_copy strong {
    color: #0079C1;
}
.preventive_measures_list article:nth-of-type(3) dl.list_row dt span, .preventive_measures_list article:nth-of-type(7) dl.list_row dt span, .preventive_measures_list article:nth-of-type(3) dl.list_row dd .preventive_measures_copy strong, .preventive_measures_list article:nth-of-type(7) dl.list_row dd .preventive_measures_copy strong {
    color: #01ABDF;
}
.preventive_measures_list article:nth-of-type(4) dl.list_row dt span, .preventive_measures_list article:nth-of-type(6) dl.list_row dt span, .preventive_measures_list article:nth-of-type(4) dl.list_row dd .preventive_measures_copy strong, .preventive_measures_list article:nth-of-type(6) dl.list_row dd .preventive_measures_copy strong {
    color: #29BBC4;
}
.preventive_measures_list article:nth-of-type(5) dl.list_row dt span, .preventive_measures_list article:nth-of-type(5) dl.list_row dt span, .preventive_measures_list article:nth-of-type(5) dl.list_row dd .preventive_measures_copy strong {
    color: #1595B2;
}
.preventive_measures_list article:nth-of-type(2) dl.list_row dd .preventive_measures_copy strong svg, .preventive_measures_list article:nth-of-type(8) dl.list_row dd .preventive_measures_copy strong svg {
    fill: #0079C1;
}
.preventive_measures_list article:nth-of-type(3) dl.list_row dd .preventive_measures_copy strong svg, .preventive_measures_list article:nth-of-type(7) dl.list_row dd .preventive_measures_copy strong svg {
    fill: #01ABDF;
}
.preventive_measures_list article:nth-of-type(4) dl.list_row dd .preventive_measures_copy strong svg, .preventive_measures_list article:nth-of-type(6) dl.list_row dd .preventive_measures_copy strong svg {
    fill: #29BBC4;
}
.preventive_measures_list article:nth-of-type(5) dl.list_row dd .preventive_measures_copy strong svg {
    fill: #1595B2;
}
@media (max-width: 640px) {
    .preventive_measures_list article:before {
        content: "";
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: 26px;
        left: 0;
        background-color: #e0e0e0;
        height: 2px;
        width: 20%;
    }
    .preventive_measures_list article dl.list_row dd .icon_circle {
        margin: -32px 0 15px 36px;
    }
}
@media (min-width: 640px) {
    .preventive_measures_copy strong {
        position: relative;
        display: block;
        margin: 0 0 15px;
    }
    .preventive_measures_list article dl.list_row dt span {
        width: 38px;
        height: 38px;
        font-size: 28px;
        line-height: 30px;
    }
    .preventive_measures_list article dl.list_row dt {
        width: 38px;
        padding: 24px 0 0;
    }
    .preventive_measures_list article dl.list_row dd {
        width: calc(100% - 38px);
        padding-bottom: 0;
    }
    .preventive_measures_list article dl.list_row dd .icon_circle {
        -ms-flex-order: 2;
        order: 2;
    }
    .preventive_measures_list article:nth-of-type(odd) {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .preventive_measures_list article dl.list_row dd .icon_circle {
        width: 150px;
        height: 150px;
        margin-top: -32px;
    }
    .preventive_measures_copy {
        text-align: center;
        padding: 0 20px 50px;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex: 1;
        flex: 1;
        width: calc(100% - 150px);
    }
    .preventive_measures_copy strong:after {
        content: "";
        display: inline-block;
        position: absolute;
        z-index: 1;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #e0e0e0;
        height: 2px;
        width: 115%;
    }
    .preventive_measures_list article:last-of-type dl.list_row dt .blue_bg {
        height: calc(100% - 62px);
    }
}
@media (min-width: 991px) {
    .preventive_measures_copy strong {
        font-size: 26px;
    }
    .preventive_measures_copy strong svg {
        width: 15px;
    }
}
@media (min-width: 1000px) {
    .preventive_measures_list article {
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .preventive_measures_list article dl.list_row {
        width: calc(50% + 19px);
    }
    .preventive_measures_copy {
        padding: 0 20px;
    }
    .preventive_measures_list article:nth-of-type(even) dl dt {
        -ms-flex-order: 2;
        order: 2;
    }
    .preventive_measures_list article:nth-of-type(even) dl dd {
        -ms-flex-order: 1;
        order: 1;
    }
    .preventive_measures_list article:nth-of-type(even) dl dd .preventive_measures_copy {
        -ms-flex-order: 2;
        order: 2;
    }
    .preventive_measures_list article:nth-of-type(even) dl.list_row dd .icon_circle {
        -ms-flex-order: 1;
        order: 1;
    }
}
/*******************************************************************************************/
.support_nurture_main p {
    color: #676767;
}
.support_nurture {
    padding-top: 0;
}
.support_nurture_5 {
    padding-top: 0;
}
.social_welfare h2.title {
    margin: 0 0 25px;
}
.social_welfare h3 {
    margin: 0 0 10px;
}
.support_nurture_copy, .medical_support_copy, .social_welfare_copy {
    text-align: center;
    margin: 1rem auto 2rem;
    max-width: 980px;
}
.support_nurture .list_row li figure, .medical_support .list_row li figure {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px 0;
    margin: 0 auto;
    box-shadow: 2px 4px 8px rgb(0 0 0 / 25%);
}
.support_nurture_5 .list_row li figure, .medical_support .list_row li figure {
    background-color: #fff;
    padding: 15px;
    border-radius: 15px 0;
    margin: 0 auto;
    box-shadow: 2px 4px 8px rgb(0 0 0 / 25%);
}
.social_welfare article {
    padding: 0 0 50px;
    margin: 0 auto;
}
.social_welfare article figure {
    margin: 0 auto;
}
.social_welfare article:last-of-type {
    padding: 0;
}
.support_nurture .list_row, .medical_support .list_row, .social_welfare .list_row {
    -ms-flex-pack: center;
    justify-content: center;
}
.support_nurture_5 .list_row, .medical_support .list_row, .social_welfare .list_row {
    -ms-flex-pack: center;
    justify-content: center;
}
.social_welfare {
    text-align: center;
    padding: 50px 0 0;
}
.social_welfare_first dl.list_row, .social_welfare_second dl.list_row {
    text-align: center;
}
.social_welfare article div {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px 0;
    margin: 0 auto;
    box-shadow: 2px 4px 8px rgb(0 0 0 / 25%);
    height: 100%;
}
.support_nurture_wrap {
    margin: 0 auto;
    max-width: 400px;
}
.social_welfare .list_row div p, .social_welfare_third p:last-of-type {
    margin: 0 0 15px;
}
.social_welfare_first dl.list_row dt, .social_welfare_first dl.list_row dd, .social_welfare_second dl.list_row dt, .social_welfare_second dl.list_row dd
.social_welfare_second dl.list_row dt.w30 ul.list_row li {
    width: 100%;
}
.social_welfare_first dl.list_row dt, .social_welfare_second dl.list_row dt {
    margin: 0 auto 50px
}
.social_welfare figure {
    margin: 0 auto
}
.support_nurture .list_row li, .medical_support .list_row li {
    margin: 0 auto 30px;
    width: 100%
}
.support_nurture_5 .list_row li, .medical_support .list_row li {
    margin: 0 auto 30px;
    width: 100%
}
.social_welfare_first dl.list_row dt {
    margin: 0 auto 50px;
}
.social_welfare_second dl.list_row dd {
    margin: 0 auto;
}
.social_welfare_second dl.list_row dd.w30 {
    margin: 0 0 0 0;
}
@media (max-width: 640px) {
    .social_welfare_second dl.list_row dd.w30 {
        margin-bottom: 10px;
    }
}
@media (min-width: 480px) {
    .social_welfare article {
        max-width: 400px;
    }
}
@media (min-width: 640px) {
    .support_nurture .list_row, .medical_support .list_row, .social_welfare .list_row {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -15px -15px;
    }
    .support_nurture .list_row li, .medical_support .list_row li {
        width: calc(100% / 2);
        padding: 0 15px;
    }
    .support_nurture_5 .list_row, .medical_support .list_row, .social_welfare .list_row {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -15px -15px;
    }
    .support_nurture_5 .list_row li, .medical_support .list_row li {
        width: calc(100% / 2);
        padding: 0 15px;
    }

    .social_welfare_first dl.list_row, .social_welfare_second dl.list_row {
        margin: 0 -25px;
    }
    .social_welfare_first ul.list_row {
        margin: 0 -15px;
    }
    .social_welfare_second dl.list_row dt figure {
        max-width: 540px;
    }
    .social_welfare_first dl.list_row dd figure, .social_welfare_second dl.list_row dd figure {
        max-width: 380px;
    }
    .social_welfare_third ul.list_row li figure {
        max-width: 480px;
    }
    .social_welfare_first ul.list_row li {
        width: calc(100% / 2);
        padding: 0 15px;
    }
    .social_welfare_third ul.list_row {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -15px;
    }
    .social_welfare_third ul.list_row li {
        padding: 0 15px;
    }
    .social_welfare_first dl.list_row dt, .social_welfare_first dl.list_row dd, .social_welfare_second dl.list_row dt, .social_welfare_second dl.list_row dd {
        padding: 0 25px;
    }
    .social_welfare_third div {
        margin: 0 auto;
    }
    .support_nurture_wrap {
        max-width: 768px;
    }
    .social_welfare article {
        max-width: 780px;
    }
    .social_welfare_first dl.list_row dd, .social_welfare_second dl.list_row dd {
        max-width: 540px;
    }
    .social_welfare_third div {
        max-width: 96.2%;
    }
}
@media (min-width:1023px) {
    .support_nurture .list_row, .medical_support .list_row, .social_welfare .list_row {
        margin: 0 -15px;
    }
    .support_nurture_5 .list_row, .medical_support .list_row, .social_welfare .list_row {
        margin: 0 -15px;
    }    
    .social_welfare_first dl.list_row dt, .social_welfare_second dl.list_row dt {
        margin: 0;
    }
    .social_welfare_second dl.list_row dt figure, .social_welfare_third ul.list_row li figure {
        max-width: none;
    }
    .social_welfare article {
        max-width: 100%;
    }

    article.social_welfare_fifth {
        max-width: 70%;
    }
    article.social_welfare_fifth .list_row li {
        width:40%;
        padding-top:20px;
        padding-left:30px;
    }  
    article.social_welfare_fifth .list_row li.golf {
        width:40%;
        padding-top:20px;
        padding-left:30px;
    } 

    .support_nurture_wrap {
        max-width: none;
    }
    .support_nurture .list_row li, .medical_support .list_row li {
        width: calc(100% / 4);
        margin: 0;
    }
    .support_nurture_5 .list_row li, .medical_support .list_row li, .support_nurture_wrap .list_row li {
        width: calc(100% / 5);
        margin: 0;
    }    
     .social_welfare_first dl.list_row, .social_welfare_second dl.list_row {
        margin: 0 -25px;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .social_welfare_first dl.list_row dt {
        width: 65%;
        margin: 0 auto;
    }
    .social_welfare_first dl.list_row dd {
        width: 35%;
    }
    .social_welfare_second dl.list_row dt {
        -ms-flex-order: 2;
        order: 2;
        width: 66.5%;
    }
    .social_welfare_second dl.list_row dd {
        -ms-flex-order: 1;
        order: 1;
        width: 33.5%;
    }
    .social_welfare_second dl.list_row dt.w30 {
        -ms-flex-order: 2;
        order: 2;
        width: 60%;
    }
    .social_welfare_second dl.list_row dd.w30 {
        -ms-flex-order: 1;
        order: 1;
        width: 35%;
    }
    .social_welfare_second dl.list_row dt.w70 {
        -ms-flex-order: 2;
        order: 2;
        width: 65%;
    }
    .social_welfare_second dl.list_row dt.w70 ul.list_row li:first-child {
        width:27%;;
    }
    .social_welfare_second dl.list_row dt.w70 ul.list_row li:nth-child(2) {
        width:27.5%;;
    }
    .social_welfare_second dl.list_row dt.w70 ul.list_row li:nth-child(3) {
        width:45%;;
    }


    .social_welfare_second dl.list_row dt.w30 ul.list_row li {
        width:calc(100%/3);
    }

	.social_welfare_second dl.list_row dt.w30 ul.list_row li.ExpCamp1 {
		width: calc(100% / 2) !important; /* 讓 ExpCamp1 變 1/2 */
	}
	
    .social_welfare_second dl.list_row dt.w30 ul.list_row li.ExpCamp1 {
        margin-left:-290px;
    }
    .social_welfare_second dl.list_row dt.w30 ul.list_row li.ExpCamp1 img {
        max-width:calc(100%*0.48);
    }    
    .social_welfare_second dl.list_row dt.w30 ul.list_row li.ExpCamp2 {
        margin-left:-80px;
    }    
    .social_welfare_second dl.list_row dt.w30 ul.list_row li.ExpCamp2 img {
        max-width:calc(100%*1.7); 
        padding-left:20px;
    }    

    .social_welfare article.social_welfare_third {
        max-width : 70%;
    }

    .social_welfare_third ul.list_row li {
        width: calc(100% / 3);
    }
    /* .social_welfare_third ul.list_row li:last-of-type {
        width: 48.5%;
    } */
    .social_welfare_third div, .social_welfare_first dl.list_row dd, .social_welfare_second dl.list_row dd, .social_welfare_first dl.list_row dd figure, .social_welfare_second dl.list_row dt figure {
        max-width: none;
    }
}
@media (max-width: 1016px) {
    .medical_support_content:after {
        display: none;
    }
}
@media (min-width: 640px) {
    .social_participation_main[data-lang="en"] .support_Nurture_list_wrap ul.support_Nurture_list li {
        width: calc(100% /2);
    }
}
@media (min-width: 768x) {
    .social_participation_main[data-lang="en"] .support_Nurture_list_wrap ul.support_Nurture_list li {
        width: 100%;
    }
}
@media (min-width: 857px) {}
@media (min-width: 980px) {
    .social_participation_main[data-lang="en"] .support_Nurture_list_wrap ul.support_Nurture_list li {
        width: calc(100% /2);
    }
}
@media (min-width: 1140px) {
    .social_participation_main[data-lang="en"] .medical_support_content:before {
        bottom: 50%;
        height: 85%;
    }
}
@media (min-width: 1153px) {
    .social_participation_main[data-lang="en"] .medical_support_content {
        max-width: 600px;
    }
    .social_participation_main[data-lang="en"] ul.medical_support_list li {
        width: 100%;
    }
    .social_participation_main[data-lang="en"] .medical_support_content:after {
        display: none;
    }
}
@media (min-width:1199px) {
    .social_welfare {
        padding: 85px 0 0;
    }
}
/***** 英文版調整 **************************************************************************************/
.social_participation_main[data-lang="en"] .social_welfare_section dl.list_row dt .primary-head {
    width: 220px;
    height: 220px;
}
.social_participation_main[data-lang="en"] .social_welfare_section dl.list_row dt .primary-head h2 {
    font-size: 24px;
}
.social_participation_main[data-lang="en"] .social_welfare_section dl.list_row dd ul.list_row li div h3 {
    font-size: 15px;
    font-weight: bold;
}
.social_participation_main[data-lang="en"] .social_welfare_section dl.list_row dd ul.list_row li div p {
    font-size: 15px;
}
.social_participation_main[data-lang="en"] .social_welfare_title a {
    font-size: 15px;
}
.social_participation_main[data-lang="en"] ul.medical_support_list li div .list_row {
    -ms-flex-pack: center;
    justify-content: center;
}
.social_participation_main[data-lang="en"] ul.medical_support_list li div .list_row figure {
    width: 15%;
}
.social_participation_main[data-lang="en"] ul.medical_support_list li div .list_row p {
    width: 85%;
}
.social_participation_main[data-lang="en"] .support_Nurture_list_wrap {
    max-width: none;
}
.social_participation_main[data-lang="en"] .support_Nurture_list_wrap ul.support_Nurture_list li {
    display: table;
}
.social_participation_main[data-lang="en"] .support_Nurture_list_wrap ul.support_Nurture_list li p {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
}
.social_participation_main[data-lang="en"] ul.medical_support_list li {
    max-width: none;
}
.social_participation_main[data-lang="en"] .medical_support_content {
    max-width: 600px;
}
.social_participation_main[data-lang="en"] .medical_support_content:before {
    height: 100%;
}
.social_participation_main[data-lang="en"] .medical_support_section .primary-head + p {
    margin: 1rem auto;
    max-width: 800px;
}
.sustainable_environment_main[data-lang="en"] .environmental_protection_section h3 + p {
    max-width: 980px
}
.preventive_measures_list[data-lang="en"] .preventive_measures_copy strong {
    line-height: normal
}
@media screen and (min-width: 820px) {
    .sustainable_environment_main[data-lang="en"] .environmental_protection_list li {
        width: calc(100% / 3) !important;
    }
}
@media screen and (min-width: 857px) {
    .medical_support_content:before {
        height: 100%;
    }
}
@media screen and (min-width: 1024px) {
    .happy_workplace[data-lang="en"] dl.list_row dt, .happy_workplace[data-lang="en"] dl.list_row dd {
        width: 100%;
    }
    .happy_workplace[data-lang="en"] dl.list_row dt {
        display: -ms-flexbox;
        display: flex;
    }
    .happy_workplace[data-lang="en"] dl.list_row dt article:nth-of-type(1) {
        width: 40%;
    }
    .happy_workplace[data-lang="en"] dl.list_row dt article:nth-of-type(2) {
        width: 60%;
        margin: 0 0 30px 30px;
    }
    .happy_workplace[data-lang="en"] .health_card .list_row div {
        width: 60%;
    }
    .happy_workplace[data-lang="en"] .health_card .list_row figure {
        width: 40%;
    }
    .happy_workplace[data-lang="en"] .workplace_assistance_card .list_row div {
        width: 50%;
    }
    .happy_workplace[data-lang="en"] .workplace_assistance_card .list_row figure {
        width: 50%;
    }

    .social_welfare[data-lang="en"] .social_welfare_first dl.list_row dd figure, .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dd figure {
        max-width: 82%;
    }
    .contact_information_en .sustainability_pic .section-group .preface_copy p {
        max-width: 1024px;
    }
}
@media screen and (min-width: 1140px) {
    .social_participation_main[data-lang="en"] .medical_support_content:before {
        bottom: 12%;
        height: 100%;
    }
    .social_welfare[data-lang="en"] .social_welfare_first dl.list_row dd figure, .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dd figure {
        max-width: 86%;
    }
}
@media screen and (min-width:1024px) and (max-width:1279px) {
    .social_welfare[data-lang="en"] .social_welfare_first dl.list_row, .social_welfare_second dl.list_row {
        display: block;
    }
    .social_welfare[data-lang="en"] .social_welfare_first dl.list_row dt, .social_welfare[data-lang="en"] .social_welfare_first dl.list_row dd, .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dt, .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dd {
        width: 100%;
    }
    .social_welfare[data-lang="en"] .social_welfare_first dl.list_row dt {
        max-width: 768px;
    }
    .social_welfare[data-lang="en"] .social_welfare_first dl.list_row dd, .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dd {
        margin: 0 auto;
        max-width: 540px;
    }
    .social_welfare[data-lang="en"] .social_welfare_first dl.list_row dd figure, .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dd figure {
        max-width: 320px;
    }
    .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dt figure {
        max-width: 480px;
    }
    .social_welfare[data-lang="en"] .social_welfare_first dl.list_row dt, .social_welfare[data-lang="en"] .social_welfare_first dl.list_row dd, .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dt, .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dd {
        padding: 0 25px;
        margin: 0 auto 50px;
    }
    .social_welfare[data-lang="en"] .social_welfare_second dl.list_row dt {
        max-width: 768px;
    }
    .social_welfare[data-lang="en"] article {
        padding: 0;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1480px) {
    .contact_information_en .contact_information_pic:before {
        width: 130%;
        background-image: url(../../styles/images/static/careers/pic01-mobile.jpg);
    }
}
@media screen and (min-width: 1366px) {
    .happy_workplace[data-lang="en"] .workplace_assistance .list_row li strong {
        width: 200px;
        line-height: 1.24;
        padding-left: 18px;
        text-indent: -18px;
        padding: 8px 10px 8px 26px;
    }
    .happy_workplace[data-lang="en"] .workplace_assistance .list_row li p {
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100%;
    }
}
@media (max-width: 1200px) {
    .social_participation_main[data-lang="en"] .social_welfare_section dl.list_row {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .social_participation_main[data-lang="en"] .social_welfare_section dl.list_row dt, .social_participation_main[data-lang="en"] .social_welfare_section dl.list_row dd {
        width: 100%;
    }
    .social_participation_main[data-lang="en"] .social_welfare_section dl.list_row dt .primary-head {
        margin: 0 auto 45px !important;
    }
    .social_participation_main[data-lang="en"] .social_welfare_section dl.list_row dt:after {
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        right: inherit;
        background-color: #666;
        height: 150%;
        width: 1px;
    }
    .social_participation_main[data-lang="en"] .social_welfare_section dl.list_row dd {
        margin-top: 0;
    }
}
@media screen and (max-width: 620px) {
    .social_participation_main[data-lang="en"] ul.medical_support_list li div, .social_participation_main[data-lang="en"] ul.medical_support_list li div:after {
        border-radius: 15px;
    }
    .social_participation_main[data-lang="en"] ul.medical_support_list li div {
        text-align: center;
        padding: 20px;
    }
    .social_participation_main[data-lang="en"] ul.medical_support_list li div .list_row figure {
        width: 72px;
        margin: 0 0 10px;
    }
    .social_participation_main[data-lang="en"] ul.medical_support_list li div .list_row p {
        width: 100%;
    }
}
@media screen and (max-width:430px) {
    .downloadiframe {
        width: 350px;
        height: 400px;
 }
}
@media screen and (min-width:430px) and (max-width:1300px) {
    .downloadiframe {
        width: 900px;
        height: 500px;
 }
}
 @media screen and (min-width: 1301px) {
    .downloadiframe {
        width: 1100px;
        height: 600px;
    } 
}