#honor-powerbank {
    color: #fff;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    outline-style: none;
    font-size: 0;
    line-height: 1;
}

.w100-img {
    display: block;
    width: 100%;
}

.clearfix::after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.overflow-hidden {
    overflow: hidden !important;
}

.fonts-light {
    font-family: 'Avenir Next Light';
}

.fonts-regular {
    font-family: 'Avenir Next Regular';
}

.fonts-medium {
    font-family: 'Avenir Next Medium';
}

.fonts-demi {
    font-family: 'Avenir Next Demi';
}

.fonts-bold {
    font-family: 'Avenir Next Bold';
}

.powerbank-section {
    position: relative;
}

.section-title {
    font-size: 2.6vw;
    margin-bottom: 0;
}

.section-des {
    font-size: 1.35vw;
    line-height: 2.34vw;
    margin-bottom: 0;
}

.section-note {
    font-size: 1.04vw;
    line-height: 2.34vw;
    margin-bottom: 0;
}

.pc-show {
    display: block;
}

.mob-show {
    display: none;
}

/* section 01 */
.powerbank-wrap-01 {
    position: absolute;
    top: 15vw;
    left: 9vw;
}

.sec1-title {
    font-size: 3.6vw;
    line-height: 4.14vw;
}

.sec1-des {
    margin-top: 3vw;
    line-height: 3.07vw;
}

.sec1-note {
    position: absolute;
    right: 7vw;
    top: 50vw;
}

/* section 02 */
.powerbank-wrap-02 {
    color: #000;
    text-align: center;
    margin: 5vw 0;
}

.sec2-des {
    width: 66%;
    margin: 2vw auto 4vw;
}

/* section 03 */
.powerbank-wrap-03 {
    position: absolute;
    top: 5vw;
    left: 0;
    width: 100%;
    text-align: center;
}

.sec3-title {
    margin-bottom: 2.14vw;
}

.sec3-des-box-item {
    display: inline-block;
    position: relative;
    margin-bottom: 2.55vw;
    width: 29.6vw;
    height: calc(7.6vw - 4px);
    border: 2px solid #fff;
    border-radius: 0.47vw;
}

.sec3-des-box-item:nth-child(2),
.sec3-des-box-item:nth-child(5),
.sec3-des-box-item:nth-child(8),
.sec3-des-box-item:nth-child(11) {
    margin-left: 1vw;
    margin-right: 1vw;
}

.sec3-des-box-item-wrap {
    position: absolute;
    width: 93%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sec3-subTitle {
    font-size: 1.35vw;
    line-height: 1.56vw;
    margin-bottom: 0;
}

.sec3-des {
    font-size: 0.78vw;
    line-height: 1vw;
    margin-top: 0.7vw;
    margin-bottom: 0;
}

.sec3-note {
    /* font-size: 0.78vw;
    line-height: 1vw; */
    text-align: right;
    margin: -0.7vw 4.5vw 0 0;
}

/* section 04 */
.powerbank-wrap-04 {
    position: absolute;
    top: 4.58vw;
    left: 0;
    width: 100%;
    text-align: center;
}

.sec4-des {
    width: 62%;
    margin: 1.56vw auto 0;
}

/* section 05 */
.powerbank-wrap-05 {
    position: absolute;
    top: 6.09vw;
    left: 0;
    width: 100%;
    text-align: center;
}

.sec5-des {
    width: 42%;
    margin: 2.45vw auto 2.6vw;
}

.sec5-img {
    display: inline-block;
    width: 47%;
    margin: 0 auto 0 3vw;
}

.sec5-note {
    position: absolute;
    bottom: 1.3vw;
    left: 8vw;
}

/* section 06 */
.powerbank-wrap-06 {
    position: absolute;
    top: 8.7vw;
    left: 6vw;
    width: 41%;
}

.sec6-des {
    margin-top: 1vw;
}

/* section 09 */
.powerbank-section-09 {
    color: #000;
    width: 71%;
    margin: 0 auto;
    padding: 7vw 0 4vw;
}

.sec9-title {
    font-size: 3.13vw;
    text-align: center;
}

.sec9-des-01 {
    margin: 1.56vw 0 2.66vw;
}

.sec9-des-02 {
    margin-bottom: 2vw;
}

.sec9-list-item {
    border-top: 2px solid #cfcfcf;
}

.sec9-list-item:last-child {
    border-bottom: 2px solid #cfcfcf;
}

.sec9-list-item-des {
    font-size: 1.35vw;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    margin-left: 4vw;
    padding: 1.7vw 0;
}

.sec9-list-item-des:nth-child(odd) {
    width: 21vw;
}

.sec9-note {
    /* font-size: 0.83vw; */
    margin-top: 1.7vw;
    margin-left: 4vw;
}

/* mobile */
@media screen and (max-width:768px) {
    .section-title {
        font-size: 4.67vw;
        line-height: 5.6vw;
    }

    .section-des {
        font-size: 2.67vw;
        line-height: 4vw;
    }

    .section-note {
        font-size: 2.27vw;
        line-height: 4vw;
    }

    .pc-show {
        display: none;
    }

    .mob-show {
        display: block;
    }

    /* section 01 */
    .powerbank-wrap-01 {
        top: 89.4vw;
        left: 14vw;
    }

    .sec1-title {
        font-size: 6.99vw;
        line-height: 8.5vw;
    }

    .sec1-des {
        font-size: 2.93vw;
        line-height: 2.34vw;
        margin-top: 2.7vw;
        line-height: 6.87vw;
    }

    .sec1-note {
        position: absolute;
        right: 4.1vw;
        top: 136.2vw;
        font-size: 2.4vw;
        line-height: 4vw;
    }

    /* section 02 */
    .powerbank-wrap-02 {
        padding: 4.8vw 0 2.6vw;
    }

    .sec2-title {
        width: 84vw;
        margin: 0 auto;
    }

    .sec2-des {
        width: 85vw;
        margin: 4vw auto;
    }

    .sec2-note {
        margin-right: 5vw;
        text-align: right;
    }

    /* section 03 */
    .powerbank-wrap-03 {
        top: 11vw;
    }

    .sec3-title {
        margin-bottom: 5.5vw;
    }

    .sec3-des-box-item {
        width: 95.87vw;
        height: calc(14.47vw - 4px);
        margin-bottom: 3vw;
        border-radius: 1.2vw;
        text-align: left;
    }

    .sec3-des-box-item-wrap {
        width: 87%;
    }

    .sec3-subTitle {
        font-size: 3.2vw;
        line-height: 4vw;
    }

    .sec3-des {
        font-size: 2.13vw;
        line-height: 2.53vw;
        margin-top: 1.5vw;
    }

    .sec3-note {
        font-size: 1.87vw;
        line-height: 2.53vw;
        text-align: right;
        margin-top: 1.4vw;
        margin-right: 2vw;
    }

    /* section 04 */
    .powerbank-wrap-04 {
        top: 14vw;
    }

    .sec4-des {
        width: 96%;
        margin-top: 5.8vw;
    }

    /* section 05 */
    .powerbank-wrap-05 {
        top: 14vw;
    }

    .sec5-title {
        width: 83%;
        margin: 0 auto;
    }

    .sec5-des {
        width: 85%;
        margin: 5vw auto 0;
    }

    .sec5-text {
        display: inline-block;
        font-size: 3.2vw;
        line-height: 1.3;
        border-radius: 4vw;
        border: solid 2px #ffffff;
        padding: 1.33vw 4vw;
        margin-top: 11vw;
        margin-bottom: 0;
    }

    .sec5-text-02 {
        margin-top: 3.7vw;
    }

    .sec5-note {
        width: 92vw;
        bottom: 5.7vw;
        left: 3.2vw;
    }

    /* section 06 */
    .powerbank-wrap-06 {
        width: 60%;
        top: 12vw;
        left: 8vw;
    }

    .sec6-title {
        width: 88%;
    }

    .sec6-des {
        margin-top: 5vw;
    }

    /* section 09 */
    .powerbank-section-09 {
        width: 90%;
    }

    .sec9-des-01 {
        text-align: center;
        margin: 4.13vw 0 8.9vw;
    }

    .sec9-list-item-des {
        font-size: 2.67vw;
        line-height: 4vw;
        margin-left: 0;
        padding: 3vw 0;
    }

    .sec9-list-item-des:nth-child(odd) {
        width: 43%;
    }

    .sec9-list-item-des:nth-child(even) {
        width: 56%;
        margin-left: 1%;
    }

    .sec9-note {
        font-size: 1.87vw;
        margin-top: 4vw;
        margin-left: 0;
    }
}

@media screen and (max-width:414px) {
    .sec3-des-box-item {
        height: calc(15.47vw - 4px);
        margin-bottom: 2.7vw;
    }
}