﻿/*add*/
.link_banner .link_banner_image .image.black:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
}

.link_banner .link_banner_image .image.grey:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
}

.link_banner .link_banner_image .image.purple:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(54, 49, 117, 0.75);
}

.link_banner .link_banner_image .image.raw:before {
    display: none;
}

@media screen and (max-width: 667px) {
    .link_banner .link_banner_bottom_col:nth-child(odd) {
        width: 100%;
        padding-bottom: 20px;
    }
}

.link_accordion_item .link_content_block {
    background: none;
}

.link_tab {
    margin-bottom: 30px;
}

.pageBanner a:after {
    content: "";
    display: block;
    width: 10px;
    height: 20px;
    margin: 0px 10px;
    background-image: url();
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5px;
}

.pageBanner a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 1px;
    width: 0px;
    background-image: url();
    background-position: bottom left;
    transition: ease all 0.3s;
}

.link_download.inverse a:after {
    background-image: url(../img/icon/arrow_black_white.png);
}

.link_tag .tag {
    padding: 5px 10px 0px 0px;
    margin: 0px 10px 0px 0px;
    border-right: 1px solid #e5e5e5;
    opacity: 0.8;
    line-height: 1.8em;
}

.link_content_block p {
    font-size: 18px;
    margin: 0px;
    max-width: 1100px;
}

.content-wrapper p > strong {
    color: #363175;
}

.link_content_block.purple .content-wrapper p > strong {
    color: #FFF;
}

.link_content_block.black .content-wrapper p > strong {
    color: #FFF;
}

.article-image {
    float: right;
    width: 40%;
    padding: 5px 0px 5px 10px;
}

.link_pill {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 30px;
    overflow: hidden;
    /* box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); */
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px;
    /* margin-bottom: 40px; */
    margin-top: 30px;
    margin-bottom: 60px !important;
}

.l823_photo .photo img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.l823_root img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.l823_photo .photo {
    position: relative;
}

.l823_photo .item {
    width: calc(50% - 30px);
    margin-right: 30px;
}

.l823_photo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 30px);
}

.l823_photo .photo:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

.article-image {
    float: right !important;
    width: 40% !important;
    padding: 5px 0px 5px 10px !important;
}

.link_vtab.green .tab.drop {
    background-image: url(/img/icon/env_drop_green.svg);
    background-size: 48px !important;
}

.link_image_close {
    position: absolute;
    top: 20px;
    right: 60px;
    display: block;
    width: 72px;
    height: 72px;
    margin-left: 30px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    background-image: url(../img/icon/close.svg);
    background-size: 13px;
    background-position: center center;
    background-repeat: no-repeat;
}


.link_input_wrapper {
    margin-top: 2px;
}

.link_content_block.purple .content-wrapper p > strong {
    color: #FFF;
}

.link_content_block.black .content-wrapper p > strong {
    color: #FFF;
}

.link_person_text .text .h3 {
    margin-top: 10px;
}

.link_content_block.half .link_main {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    min-height: 20vw;
}

.article_content section + section {
    padding-top: 40px;
}

.link_decor.long {
    height: 180px;
}

.linkreit_richtexteditor .link_main a {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.link_form_input .link_form_input_tel .form-control-regin {
    width: 100px;
    margin-right: 20px;
}

.link_margin_top_20 {
    margin-top: 20px;
}

.link_head .link_head_menu.No_823 .link_head_logo a:nth-child(2) {
    display: block;
}

.link_content_block ul.link_sitemap > li > ul > li a:after {

}

.link_pill {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 30px;
    overflow: hidden;
    /*box-shadow: 0px 0px 10px rgba(0,0,0,0.1);*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    /*margin-bottom: 40px;*/
    margin-top: 30px;
    margin-bottom: 60px;
}

@media (hover: hover) {
    .link_tab .tab:hover {
        color: #363175;
        text-decoration: none;
        border-bottom: 2px solid #363175;
    }

    .link_banner .link_tab .tab:hover {
        border-bottom: 2px solid #FFF;
    }

    .link_banner .link_tab .tab:hover,
    .black .link_tab .tab:hover,
    .purple .link_tab .tab:hover {
        color: #FFF;
    }
}


.link_banner .link_banner_image .image.watermark:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/mask/watermark.png);
    background-repeat: no-repeat;
    background-position: top 300px left;
    opacity: 0.5;
}

.link_banner .link_banner_image .image.watermark1:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/mask/watermark1.png);
    background-repeat: no-repeat;
    background-position: bottom 0px right 100px;
    background-size: 600px;
    opacity: 0.5;
}

.link_banner .link_banner_image .image.watermark2:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/mask/watermark2.jpg);
    background-position: top center;
    background-repeat: repeat;
    background-size: cover;
}

.link_banner .link_banner_image .image.watermark3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/mask/watermark3.jpg);
    background-position: top center;
    background-repeat: repeat;
    background-size: cover;
}

.link_banner .link_banner_image .image.watermark4:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/mask/watermark4.jpg);
    background-position: top center;
    background-repeat: repeat;
    background-size: cover;
}

.link_banner .link_banner_image .image.watermark5:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/mask/watermark5.jpg);
    background-position: top center;
    background-repeat: repeat;
    background-size: cover;
}

.link_banner .link_banner_image .image.watermark6:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/mask/watermark6.jpg);
    background-position: top center;
    background-repeat: repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {

    .link_banner .link_banner_image {
        min-height: 600px;
    }

    .link_banner.ir .link_banner_image {
        max-height: 640px;
        min-height: 480px;
    }

    .link_banner.inner .link_banner_image {
        max-height: 640px;
        min-height: 480px;
    }

    .link_banner.short .link_banner_image {
        max-height: 480px;
        min-height: 360px;
    }

    .link_banner.auto .link_banner_image {
        max-height: none;
        min-height: 0px;
    }

    .link_banner .link_banner_image .image:not(.mobile) {
        display: none;
    }

    .link_banner .link_banner_image .image.mobile {
        display: block;
    }

    .link_banner .link_banner_image .image.watermark:after {
        display: none;
    }

    .link_banner .link_banner_image .image.watermark1:after {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .link_banner.ir .link_banner_text {
        padding-top: 120px;
        padding-bottom: 280px;
    }

    .link_banner.inner .link_banner_text {
        padding-top: 120px;
        padding-bottom: 100px;
    }

    .link_banner.short .link_banner_text {
        padding-top: 120px;
    }

    .link_banner.auto .link_banner_text {
        padding-top: 120px;
    }

    .link_banner:not(.link_swiper) .link_banner_text {
        display: flex;
        align-items: flex-end !important;
        justify-content: flex-start;
    }

    .link_banner:not(.link_swiper) .link_banner_text .link_main {
        width: 100%;
    }

    .link_banner .link_banner_image .image.watermark:after {
        background-position: top 240px left;
        background-size: 200px;
    }

    .link_banner .link_banner_image .image.watermark1:after {
        background-position: bottom 40px right 20px;
        background-size: 300px;
    }

    .link_banner.ir .link_banner_bottom .link_banner_bottom_text p {
        padding-bottom: 60px;
    }

    .link_banner.inner .link_banner_bottom .link_banner_bottom_text p {
        padding-bottom: 60px;
    }

    .link_banner.ir .link_decor.bottom {
        bottom: 100px;
    }

    .link_banner.ir:after {
        content: "";
        display: block;
        background: #FFF;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 100px;
    }

    .link_banner.link_swiper .link_banner_image .swiper-container {
        height: calc(100% - 100px);
    }

    .link_banner.link_swiper .link_banner_bottom {
        bottom: 0px;
    }

    .link_banner.link_swiper .link_decor.bottom {
        bottom: 100px;
    }

    .link_banner.link_swiper:after {
        content: "";
        display: block;
        background: #FFF;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 100px;
    }

    .link_banner .link_banner_text .h1 {
        font-size: 45px;
    }

    .link_banner .link_banner_text .h2 {
        font-size: 28px;
    }

    .link_banner .link_banner_text p {
        font-size: 16px;
    }
}

.link_factsheet .link_factsheet_item:hover .normal.nohoverd {
    display: flex;
}

@media screen and (max-width: 768px) {
    .link_factsheet .link_factsheet_item .normal.nohoverd {
        width: 100%;
    }
}

.linkesg_hidden_input, .linkesg_hidden_input_pageName, .linkesg_hidden_input_price, .linkesg_hidden_input_endTime, .linkesg_hidden_input_People,.formHidden {
    opacity: 0;
    height: 0px;
}

.link_career_text > a:hover {
    text-decoration: none;
}

.linkesg_form_bottom {
    display: none;
}

.linkesg_text .link_btn_list .link_submit {
    cursor: pointer;
    margin-top: 30px;
}

span.field-validation-error {
    color: #C00;
}

.link_esg_puple {
    display: none
}

.link_esg_puple.open {
    display: block;
    content: "";
    background: #FFF;
    color: #000;
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.link_esg_puple .linkesg_popup_close {
    display: block;
    position: relative;
    width: 72px;
    height: 72px;
    float: right;
    margin-right: 30px;
    margin-top: 30px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    background-image: url(../img/icon/close_black.svg);
    background-size: 13px;
    background-position: center center;
    background-repeat: no-repeat;
}

.link_esg_puple .linkesg_popup_context {
    display: block;
    position: center;
    margin: 100px 100px 50px 100px;
    padding: 50px;
    overflow-x: hidden;
    height: calc(100% - 150px);
}

.unScroll {
    overflow: hidden;
}

.link_milestones_item_text div a {
    text-decoration: underline;
}

.link_cursor_default {
    cursor: default;
}

.bootstrap-iso {
    max-width: 22%;
    padding-top: 20px;
    padding-left: 20px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

.selection > .link_tab {
    margin-bottom: 18px !important;
}

@media screen and (max-width: 1079px) {
    .link_foot .link_foot_copy {
        margin-top: 50px;
    }
}

.ticks .label a {
    color: inherit;
    text-decoration: none;
    background-image: url(../img/icon/line.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 1px;
    transition: ease all 0.3s;
}

.link_form_mc .link_form_mc_item .link_form_mc_input .esg_detail_form_btn_error {
    color: #C00;
    font-size: 16px;
    margin: 50px 20px 15px 20px;
    display: none;
}

.content-wrapper .link_submit {
    margin-top: 40px;
}

.link_alert .link_alert_box {
    padding: 20px 40px 30px 40px;
}

@media screen and (max-width: 1023px) {
    .link_alert .link_alert_box {
        padding: 20px 20px 30px 20px;
    }
}

.linkesg_btn_margin_top_40 {
    margin-top: 40px;
}

.gallery-container a:hover {
    text-decoration: none;
    color: #363175;
}

.link_content_block .link_btn {
    text-decoration: none !important;
}

.link_head .link_head_nav > a.link_menu_link,
.link_head_pop_crumb a .last,
.link_head_pop a,
.link_news .link_news_item span {
    background-size: 0 1px;
}

@media (hover: hover){
    .link_head .link_head_nav > a:hover,
    .link_head_pop_menu a.menu:hover,
    .link_head_pop_menu li li a.menu:hover,
    .link_news .link_news_item:hover > a{
        background-size: 100% 1px;
    }

    .link_news .link_news_item > a {
        color: #000000;
        display: inline;
        background-image: url(../img/icon/line.svg);
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 0% 1px;
        text-decoration: none;
        transition: ease all 0.3s;
    }
    
    /*.link_news .link_news_item:hover span:not(.date) {*/
    /*    background-size: 0 1px;*/
    /*}*/

    .link_head_pop_crumb a:hover{
        background-size: calc(100% - 20px) 1px;
    }

    .link_head .link_head_pop_top a:not(.link_head_close):hover{
        background-size: calc(100% - 40px) 1px !important;
    }
}

@media screen and (max-width: 1023px){
    .link_banner .link_banner_image .image:not(.mobile)::after {
        display: none;
    }
}

.link_accordion_item .link_accordion_body a.anchored:not(.link_submit,.link_btn, [role='button']){
    text-decoration: none;
    background-image: url(../img/icon/line.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: ease all 0.3s;
}

.link_accordion_item .link_accordion_body a.anchored:not(.link_submit,.link_btn, [role='button']):hover {
    background-size: 0% 1px;
}

.link_content_block .content-wrapper p + .h1,
.link_content_block .content-wrapper p + .h2,
.link_content_block .content-wrapper p + .h3,
.link_content_block .content-wrapper p + .h4,
.link_content_block .content-wrapper p + .h5,
.link_content_block .content-wrapper p + .h6 {
    margin-top: 60px;
}

.gti-recaptchaEditing{
    display: none;
}

.link_main .l823_main .l823_banner .banner,
.link_main .l823_main .l823_photo .photo{
    border-radius: 30px;
}

.link_main .l823_main{
    margin-bottom: 20px;
}

.link_main .l823_main .l823_photo .item{
    margin-top: 30px;
    margin-bottom: 30px;
}

.link_main .l823_main .banner{
    margin-top: 30px;
}

.link_content_block.purple .listPR,
.link_content_block.purple .listPR a:not(.link_btn)
{
    background-color: unset;
    color: #FFF;
}

.link_content_block.purple .listPR .link_news .link_news_item:hover > a
{
    background-size: 100% 1px;
    background-image: url(../img/icon/line_white.svg);
}

@media screen and (max-width: 768px){
    .link_factsheet .link_factsheet_group{ width: 100%;}
}

.link_foot .link_foot_row .link_foot_col{
    min-width: unset;
}