.cover_2021_1 {
    width  : 100%;
    height : auto;
    display: block;
}

.cover_2021_3 {
    width  : 100%;
    height : auto;
    display: block;
}

.cover_2021_4 {
    width  : 100%;
    height : auto;
    display: block;
}

.cover_2021_6 {
    width     : 100%;
    max-height: 207px;
    height    : auto;
    display   : block;
    object-fit: contain;
}

.cover_2021_5 {
    width    : 100%;
    height   : auto;
    display  : block;
    max-width: 120px;
    margin   : 0 auto;
}

.c_white {
    background: white;
}

.cover_2021_2 {
    width     : 100px;
    height    : 100px;
    object-fit: contain;
}

.cover_2021_2.e {
    width : 100%;
    height: 100%;
}

.cover_polar {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.t__1 {
    font-size: 32px;
    color    : black;
}

.t__2 {
    font-size  : 44px;
    font-weight: 500;
    color      : black;
}

.t__2.e {
    font-size  : 60px;
    line-height: 1;
}

.t__2.d {
    font-size: 56px;
}

.t__2 span {
    overflow: hidden;
    display : inline-block;
}

.t__2 span img {
    width : auto;
    height: 60px;
}

.t__4 {
    font-size: 24px;
    color    : black;
    margin   : 15px 0px;
}

.t__4.s {
    line-height: 1;
}

.t__4 .red {
    color      : #cc3535;
    font-weight: 500;
}

.t__5 {
    font-size  : 40px;
    font-weight: 500;
    color      : black;
}

.t__6,
.t__7 {
    font-size  : 64px;
    font-weight: 500;
    float      : right;
}

.t__6 {
    color: #ffbe2d;
}

.t__7 {
    color: #ff2d2d;
}

.t__4 i {
    padding-left: 70px;
}

.t__8 {
    font-size  : 38px;
    font-weight: 500;
    color      : black;
}

.b__1 {
    width           : 400px;
    height          : 400px;
    background-color: #eee;
    margin          : 0 auto;
}

.b__polar {
    width             : 400px;
    height            : 255px;
    /*background-color: #eee;*/
    margin            : 0 auto;
}

.c__1 {
    width              : 100%;
    height             : 500px;
    background-position: bottom right;
    background-size    : cover;
    background-repeat  : no-repeat;
}

.d__1 {
    width             : 150px;
    height            : 150px;
    /*background-color: #eee;*/
    margin            : 0 auto;
}

.d__1 img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
}

.b__best {
    width             : 100%;
    /*background-color: #eee;*/
    margin            : 0 auto;
    max-width         : 100%;
}

.b__best img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
}

.d__2 {
    width           : 300px;
    height          : 300px;
    background-color: #eee;
    margin          : 0 auto;
}

.d__popular {
    width             : 300px;
    height            : 300px;
    /*background-color: #eee;*/
    margin            : 0 auto;
}

.d__popular img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
}

.d__3 {
    width           : 100%;
    height          : 300px;
    background-color: #eee;
    margin          : 0 auto;
}

.why {
    width             : 100%;
    height            : 300px;
    /*background-color: #eee;*/
    margin            : 0 auto;
}

.why img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
}

.t__9 {
    text-align      : center;
    font-size       : 30px;
    font-weight     : 500;
    background-color: #f5ac08;
    color           : white;
    border-radius   : 25px;
    margin          : 0 auto;
    width           : max-content;
    padding         : 5px 30px;
    max-width       : 100%;
}

.t__10 {
    text-align: center;
    font-size : 24px;
    color     : black;
}

.award {
    display        : flex;
    flex-direction : row;
    justify-content: center;
    align-items    : center;
}

.award .item {
    margin     : 0px 20px;
    display    : flex;
    align-items: center;
}

.award .item img.cover_2021_2 {
    width : auto;
    height: 100px;
}

.award .item:last-child {
    width: 300px;
}

.award .item:last-child img {
    object-fit: contain;
    width     : 100%;
}

.brand {
    display        : flex;
    flex-direction : row;
    justify-content: center;
    align-items    : center;
}

.brand .item {
    margin     : 0px 20px;
    display    : flex;
    align-items: center;
}

.brand .item img.cover_2021_2 {
    width : auto;
    height: 100px;
}

.t__12 {
    font-size : 40px;
    color     : #f5ac08;
    text-align: center;
}

.t__11 {
    font-size: 32px;
    color    : black;
}

.t__13 {
    font-size       : 32px;
    color           : black;
    background-color: #fdd835;
    display         : inline-block;
    border-radius   : 25px;
    padding         : 5px 21px;
}

.t__11.w100 {
    width: 100%;
}

.customer {
    display        : flex;
    flex-direction : row;
    justify-content: center;
    align-items    : center;
}

.customer .item {
    width      : 100px;
    height     : 100px;
    margin     : 0px 20px;
    display    : flex;
    align-items: center;
}

a.foot_btn {
    width           : 100%;
    font-size       : 26px;
    color           : black;
    background-color: #fdd835;
    display         : inline-block;
    border-radius   : 40px;
    padding         : 15px 40px;
    text-align      : center;
    font-weight     : 500;

}

a.foot_btn:hover,
a.foot_btn:active {
    color          : black;
    text-decoration: none;
}

.h__video {
    width: 100%;
}

.h__video iframe {
    width : 100%;
    height: 210px;
}

.customer_feed {
    float        : left;
    width        : calc(100% - 120px);
    display      : block;
    height       : 90px;
    border-radius: 60px;
    border       : 2px dashed #dcdcdc;
    margin-left  : 60px;
    margin-top   : 20px;
    margin-bottom: 40px;
}

.customer_feed .left {
    float: left;
    width: 120px;
}

.customer_feed .left img {
    object-fit : contain;
    width      : 120px;
    margin-left: -20px;
    margin-top : -10px;
}

.customer_feed .right {
    float       : left;
    width       : calc(100% - 120px);
    padding-left: 20px;
}

.customer_feed .right .shop {
    display    : block;
    width      : 100%;
    color      : #f5ac08;
    font-size  : 26px;
    line-height: 40px;
}

.customer_feed .right .txt {
    display    : block;
    width      : 100%;
    color      : black;
    font-size  : 26px;
    line-height: 35px;
}

@media (max-width:768px) {
    .t__13 {
        text-align: center;
        width     : 100%;
    }

    .h__video iframe {
        height: 283px;
    }

}

@media (max-width:991px) {

    .c__1 {
        background-position-x: calc(100% + 85px);
    }

    .t__1 {
        font-size  : 24px;
        font-weight: 500;
    }

    .t__2 {
        font-size     : 28px;
        letter-spacing: 0px;
        font-weight   : 500;
    }

    .t__2 span img {
        height: 20px;
    }

    .t__4 {
        font-size  : 18px;
        margin     : 15px;
        line-height: 1.7;
    }

    .t__5 {
        font-size     : 28px;
        letter-spacing: 0px;
        font-weight   : 500;
        text-align    : center;
    }

    .t__6,
    .t__7 {
        font-size  : 50px;
        font-weight: 500;
        float      : left;
        text-align : center;
        width      : 100%;
    }

    .t__4 i {
        padding-left: 30px;
    }

    .t__8 {
        font-size: 24px;
    }

    .b__1 {
        max-height: 400px;
        max-width : 100%;
    }

    .b__polar {
        max-height: 400px;
        max-width : 100%;
    }

    .t__2.m {
        font-size: 22px;
    }

    .t__1.m {
        font-size  : 16px;
        width      : 50vw;
        line-height: 28px;
    }

    .cover_2021_3 {
        height: 70vw;
        width : auto;
        margin: 0 auto;
    }

    .award {
        flex-wrap: wrap;
    }

    .award .item {
        flex-basis   : 25%;
        margin-bottom: 15px;
    }

    .award .item img {
        margin: 0 auto;
    }

    .award .item:last-child {
        flex-basis: 100%;
    }

    .brand {
        flex-wrap: wrap;
    }

    .brand .item {
        flex-basis   : 25%;
        margin-bottom: 15px;
    }

    .brand .item img {
        margin: 0 auto;
    }

    .t__11.w100 {
        margin-top   : 15px;
        margin-bottom: 15px;
        font-size    : 18px;
        text-align   : center;
    }


    .cover_2021_4 {
        margin-bottom: 15px;
    }

    .foot_btn {
        margin-bottom: 15px;
    }

    .customer {
        flex-wrap: wrap;
    }

    .customer .item {
        margin-bottom: 15px;
    }

    .customer_feed {
        width      : calc(100% - 20px);
        margin-left: 20px;
    }

    .customer_feed .right {
        padding-left: 0px;
    }

    .customer_feed .right .shop {
        font-size  : 16px;
        line-height: 27px;
    }

    .customer_feed .right .txt {
        font-size  : 16px;
        line-height: 1.2;
    }

}

@media (max-width:1199px) {
    .foot_btn {
        font-size: 20px;
    }
}

@media (min-width:1200px) {
    .c__1 {
        height: 600px;
    }
}

@media (min-width:1920px) {
    .c__1 {
        height: 700px;
    }
}


@media (min-width:992px) and (max-width: 1199px) {
    .customer_feed .right .shop {
        font-size  : 20px;
        line-height: 40px;
    }

    .customer_feed .right .txt {
        font-size  : 20px;
        line-height: 1.2;
    }
}


/* update 8/6/2021 */