@charset "utf-8";

.expander-1 {
    display: none;
}
.expander-2 {
    display: none;
}

@media only screen and (max-width: 767px) {
    .top-video{
        display: none!important;
    }

    .top-img{
        display: block!important;
        border-radius: 0!important;
    }

    .text-hidden{
        display: none!important;
    }

    .map p {
        font-size: 16px!important;
        width: 90%!important;
        line-height: 25px!important;
        padding-top: 30px!important;
    }

    h2{
        font-size: 28px!important;
    }

    h4{
        font-size: 18px!important;
        line-height: 28px!important;
    }

    .ab-content{
        margin-bottom: -30px!important;
    }

    .pt-section-description{
        line-height: 25px!important;
        font-size: 13px!important;
    }

    .man-img{
        width: 100%!important;
    }

    .man-text{
        font-size: 16px!important;
        line-height: 24px!important;
        text-align: left!important;
    }

    .man-name{
        font-size: 16px!important;
        line-height: 24px!important;
        width: 100%!important;
    }

    .man-content{
        padding-top: 20px!important;
    }

    .pt-team-content{
        line-height: 25px!important;
    }

    .founder-text{
        font-size: 16px!important;
        line-height: 24px!important;
    }

    .esg-pt{
        padding: 0!important;
        text-align: center!important;
    }

    .esg-title{
        font-size: 45px!important;
    }

    .ion-ios-arrow-down{
        font-size: 20px!important;
        right: 20px!important;
    }

    .ion-ios-arrow-up{
        font-size: 20px!important;
    }

    .ad-title-text{
        text-align: left!important;
    }

    .pt-section-title-box .pt-section-title{
        font-size: 23px!important;
    }

    .esg-content{
        text-align: center!important;
    }

    .esg-img{
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .m-content{
        padding: 0!important;
    }

    .pt-accordion-block .pt-accordion-box .pt-accordion-details{
        padding: 15px 20px!important;
    }

    .pt-detail-text{
        font-size: 13px!important;
    }

    .reward-img{
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .reward{
        position: relative!important;
        top: 0!important;
        width: 100%!important;
        margin: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .reward-title{
        color: #000000!important;
        text-transform: none;
        font-size: 20px!important;
        line-height: 25px!important;
        text-align: left!important;
    }

    .reward-content{
        color: #000000!important;
        text-align: left!important;
        font-size: 13px!important;
        padding-top: 10px!important;
    }

    .pt-contact-box.pt-contact-box-1 .pt-contact-box-info{
        padding: 0!important;
    }

    .pt-contact-box-1 .pt-contact-info li{
        margin-bottom:5px!important;
    }

    .pt-contact-box-1 .pt-contact-info li i{
        line-height: 1.5!important;
    }
    .pt-contact-box-1 .pt-contact-info li span > span{
        margin-left: 10px!important;
    }

    .contact-title{
        font-size: 32px!important;
    }

    .contact-title-1{
        font-size: 26px!important;
    }

    /*文字缩放*/
    .read-more-1 {
        display: block;
        text-align: center!important;
    }

    .text-content-1 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-1:checked + .text-container-1 .text-content-1 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-1::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-1:checked + .text-container-1 .read-more-1::after {
        content: 'Read Less';
    }

    .read-more-2 {
        display: block;
        text-align: center!important;
    }

    .text-content-2 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-2:checked + .text-container-2 .text-content-2 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-2::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-2:checked + .text-container-2 .read-more-2::after {
        content: 'Read Less';
    }
}