@charset "UTF-8";

.basic-btn[data-v-d4b906bb] {
    height: 2.8rem;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-16);
    font-weight: 700;
    border-radius: var(--round-middle);
    color: var(--btn-color);
    background-color: var(--primary-color);
    cursor: pointer;
    border: none;
    white-space: nowrap;
    line-height: 1
}

.basic-btn[data-v-d4b906bb]:hover,.basic-btn[data-v-d4b906bb]:active {
    background-color: var(--hover-color)
}

.basic-btn .loading-text[data-v-d4b906bb] {
    color: #fff;
    margin-right: 1rem
}

.basic-btn[disabled=true][data-v-d4b906bb] {
    opacity: .5
}

.basic-btn-plain[data-v-d4b906bb] {
    color: var(--primary-color)!important;
    background-color: transparent!important;
    border: 1px solid var(--primary-color)!important
}

.basic-btn-small[data-v-d4b906bb] {
    padding: .625rem 1.5rem;
    font-family: Poppins;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left
}

@media (max-width: 960px) {
    .basic-btn[data-v-d4b906bb] {
        font-size: .8rem;
        height: 2.4rem;
        line-height: 1rem
    }
}

.input-group {
    font-family: Poppins;
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,.1)
}

.form-control {
    font-family: Poppins;
    height: 2.4rem;
    min-height: 2.4rem;
    line-height: 2.4rem;
    padding: 0 .5rem 0 80px!important;
    outline: none;
    color: #003248!important;
    font-size: .9rem;
    font-weight: 500;
    background-color: #fff!important;
    border: none!important;
    border-radius: .25rem;
    box-shadow: none!important
}

.form-control:active,.form-control:focus,.form-control:focus-visible {
    color: var(--btn-color);
    border-left: 0;
    border-right: 0;
    background-color: #fff;
    padding-left: 90px
}

.form-control ::placeholder {
    font-size: .9rem;
    font-weight: 500;
    line-height: 2.4rem;
    color: var(--placeholder-color)
}

.focus {
    border-color: var(--primary-color)
}

.invalid-feedback {
    font-size: .75rem
}

.input-group-text {
    height: 2.4rem;
    overflow: hidden;
    font-family: Poppins;
    border-radius: .25rem;
    border: none!important;
    background-color: #fff!important
}

.input-group-text.input-group-prefix {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 0 0 .8rem
}

.prepend {
    padding: 0 .8rem 0 0;
    margin-left: 0!important
}

@media (max-width: 540px) {
    .form-control {
        padding-left: 70px!important
    }
}

.login-wrapper .form-check[data-v-300025bc] {
    display: flex;
    align-items: center
}

.login-wrapper .form-check .form-check-input[data-v-300025bc] {
    margin-top: 0;
    margin-right: .4rem;
    box-shadow: none
}

.login-wrapper .form-check .form-check-input[data-v-300025bc]:checked,.login-wrapper .form-check .form-check-input[data-v-300025bc]:active {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    box-shadow: none
}

.login-wrapper .form-check .form-check-label[data-v-300025bc] {
    font-size: .9rem;
    font-weight: 500;
    color: var(--form-label)
}

.login-wrapper h3[data-v-300025bc] {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    color: var(--form-label)
}

.login-wrapper .login-content[data-v-300025bc] {
    gap: 24px;
    padding: 36px;
    border-radius: .384rem;
    background-color: var(--color-white)
}

.login-wrapper .form-body[data-v-300025bc],.login-wrapper .form-container[data-v-300025bc] {
    gap: 1rem;
    flex-wrap: wrap
}

.login-wrapper .light-text[data-v-300025bc] {
    background-image: linear-gradient(246.23deg,#00ffd1 32.64%,#44bcff 67.71%);
    -webkit-background-clip: text;
    color: transparent
}

.login-wrapper .note-box[data-v-300025bc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12pt;
    margin-top: 4px
}

.login-wrapper .note-box span[data-v-300025bc]:last-child {
    color: #385576;
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.1rem;
    text-align: left
}

.login-wrapper .note-box .note-btn[data-v-300025bc] {
    color: var(--btn-color);
    font-family: Poppins;
    font-size: .8rem;
    font-weight: 700;
    text-align: left;
    padding: 0 10pt;
    height: 24pt;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: var(--primary-color);
    transition: transform .5s ease-in-out;
    animation: scaleButton-300025bc 2s infinite ease-in-out
}

.login-wrapper .form-box[data-v-300025bc] {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.login-wrapper .iphone-icon[data-v-300025bc] {
    width: .8rem;
    height: .8rem!important
}

.login-wrapper .contact-code[data-v-300025bc] {
    width: 100%;
    gap: .4rem
}

.login-wrapper .contact-code>div[data-v-300025bc] {
    width: .96rem
}

.login-wrapper .contact-code .code[data-v-300025bc] {
    font-size: .72rem;
    font-weight: 500;
    line-height: 1.12rem;
    text-align: left;
    color: var(--btn-color)
}

.login-wrapper .alert-primary[data-v-300025bc] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 0;
    padding: 9px 16px;
    border-width: 2px!important;
    border-color: #007be5!important;
    background-color: #e6f7ff
}

.login-wrapper .alert-primary .tip-text[data-v-300025bc] {
    color: #007be5;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: left
}

.modal-body[data-v-300025bc] {
    font-size: .64rem;
    color: #000;
    text-align: left
}

.age-form-item[data-v-300025bc] {
    gap: 1rem
}

.tip[data-v-300025bc] {
    color: #f5222d;
    font-size: .7rem!important;
    font-weight: 400!important;
    line-height: 1.1rem;
    text-align: left
}

.tip-icon[data-v-300025bc] {
    width: 26px;
    height: 26px
}

.gender-container[data-v-300025bc] {
    width: 40%
}

.gender-container .form-label[data-v-300025bc] {
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.4rem;
    text-align: left;
    color: var(--form-label);
    margin-bottom: 4px
}

.gender-container .sex-select[data-v-300025bc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.4rem;
    padding: 0 1rem;
    background-color: #fff!important;
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,.1);
    text-align: left;
    font-size: 18px;
    line-height: 2.4rem;
    color: var(--placeholder-color)
}

.gender-container .sex-select[data-v-300025bc]:hover {
    border-color: var(--primary-color)
}

.gender-container .form-select[data-v-300025bc]:focus {
    border-color: var(--primary-color);
    box-shadow: none
}

.gender-container .btn.btn-value[data-v-300025bc] {
    color: var(--form-item)!important;
    font-size: .9rem;
    font-weight: 500
}

.gender-container .btn.show[data-v-300025bc] {
    border-color: var(--primary-color)
}

.gender-container .dropdown-menu[data-v-300025bc] {
    background-color: #fff
}

.gender-container .dropdown-item[data-v-300025bc] {
    cursor: pointer;
    color: var(--form-item);
    font-size: .9rem
}

.gender-container .dropdown-item[data-v-300025bc]:active {
    background-color: var(--primary-color)
}

.check-container[data-v-300025bc] {
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: 1.6rem
}

.check-container .from-item-check[data-v-300025bc] {
    margin-bottom: 0!important
}

.error-msg[data-v-300025bc] {
    font-size: 15px
}

@media (max-width: 320px) {
    .login-wrapper[data-v-300025bc]:after {
        content: "";
        position: absolute;
        top: -6.5rem;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--form-bg-color)
    }
}

@media (min-width: 321px) and (max-width: 960px) {
    .login-wrapper[data-v-300025bc]:after {
        content: "";
        position: absolute;
        top: -1.95rem;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--form-bg-color)
    }
}

@media (max-width: 960px) {
    .gender-container .form-label[data-v-300025bc] {
        font-size: .7rem;
        line-height: 1.2rem
    }

    .gender-container .sex-select[data-v-300025bc] {
        padding: 0 .8rem;
        font-size: 14px
    }

    .gender-container .dropdown-menu[data-v-300025bc] {
        --bs-dropdown-min-width: 6rem
    }

    .gender-container .dropdown-item[data-v-300025bc] {
        font-size: .8rem
    }

    .gender-container .age-form-item[data-v-300025bc] {
        gap: .5rem
    }

    .gender-container .btn.btn-value[data-v-300025bc] {
        font-size: .8rem
    }

    .check-container[data-v-300025bc] {
        flex-direction: column;
        gap: .48rem;
        margin-bottom: 16pt
    }

    .check-container .from-item-check[data-v-300025bc] {
        margin-bottom: 0!important
    }

    .login-wrapper[data-v-300025bc] {
        width: 100%!important;

        position: relative
    }

    .login-wrapper .login-content[data-v-300025bc] {
        margin: 0 .64rem 1.92rem;
        gap: .8rem!important;
        padding: 1.2rem .8rem;
        position: relative;
        z-index: 2
    }
    
    @media (max-width: 960px) {
      .login-wrapper {
        max-height: 95vh;
        overflow-y: auto;
      }
    }

    .login-wrapper .form-container[data-v-300025bc],.login-wrapper .form-body[data-v-300025bc] {
        gap: .48rem
    }

    .login-wrapper h3[data-v-300025bc] {
        font-size: .8rem;
        line-height: 1.3rem;
        font-weight: 700
    }

    .login-wrapper .note-box .note-btn[data-v-300025bc] {
        font-size: 12pt;
        line-height: 1.1rem
    }

    .login-wrapper .note-box span[data-v-300025bc]:last-child {
        font-size: .6rem!important;
        line-height: .8rem
    }

    .login-wrapper .form-check .form-check-label[data-v-300025bc] {
        font-size: .7rem;
        line-height: 1.2rem
    }

    .tip[data-v-300025bc] {
        font-size: .6rem!important;
        line-height: .8rem
    }

    .alert-primary[data-v-300025bc] {
        display: flex;
        gap: 14px
    }

    .alert-primary .tip-text[data-v-300025bc] {
        color: #007be5;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left
    }

    .error-msg[data-v-300025bc] {
        font-size: 12px
    }
}

.show[data-v-300025bc] {
    display: block
}

.hide[data-v-300025bc] {
    display: none
}

.c-check-label[data-v-300025bc] {
    color: #f5222d
}

@media (min-width: 1024px) {
    .login-wrapper h3[data-v-300025bc] {
        font-size: 1rem
    }
}

@media (min-width: 1024px) and (orientation: portrait) {
    .login-wrapper[data-v-300025bc] {
        width: 26rem!important
    }
}

@keyframes scaleButton-300025bc {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}


.login-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000c;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99
}

.login-modal .close {
    position: absolute;
    top: 0;
    right: .75rem;
    z-index: 99;
    padding-right: 1rem;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    box-sizing: content-box;
    padding: 6pt
}

.login-modal-close {
    display: none
}

.login-modal .login-wrapper:after {
    content: none!important
}

.login-modal .login-wrapper {
  max-height: 95vh;
  overflow-y: auto;
}

.login-modal .login-wrapper .login-content {
  padding-top: 3rem !important; /* 原来是50px，增加余量 */
  position: relative;
}

.modal {
    background-color: #00000080
}

@media (max-width: 375px) {
    .login-wrapper .login-content {
        gap: .5rem!important
    }

    .login-wrapper .form-container {
        gap: .1rem
    }

    .check-container {
        margin-bottom: .6rem
    }
}

@media (min-width: 1530px) {
    .login-modal-content {
        width: 45vw
    }
}

.carousel-wrapper[data-v-18f3ee0e] {
    background-color: var(--active-bg);
    padding-bottom: 8rem
}

.carousel-wrapper .phone-content[data-v-18f3ee0e] {
    display: none
}

.carousel-wrapper .sub-title[data-v-18f3ee0e] {
    margin: 0 0 1rem;
    font-size: .8rem
}

.carousel-wrapper .swiper[data-v-18f3ee0e] {
    border-radius: .75rem!important
}

.carousel-wrapper .swiper-item[data-v-18f3ee0e] {
    display: flex;
    gap: 1.25rem;
    margin: .25rem 0
}

.carousel-wrapper .swiper-wrapper[data-v-18f3ee0e] {
    width: 33.33%!important;
    padding: var(--margin);
    gap: 1rem;
    border-radius: .75rem!important;
    background-color: var(--color-white);
    color: #003248;
    box-shadow: 0 4px 8px -1px #0c0c0d0d
}

.carousel-wrapper .swiper-wrapper .score-box[data-v-18f3ee0e] {
    gap: .75rem;
    padding-bottom: .4rem;
    margin: 1rem 0
}

.carousel-wrapper .swiper-wrapper .score-box img[data-v-18f3ee0e] {
    width: 1.25rem;
    height: 1.25rem
}

.carousel-wrapper .swiper-wrapper .star-box[data-v-18f3ee0e] {
    gap: .375rem
}

.carousel-wrapper .swiper-wrapper .user-info[data-v-18f3ee0e] {
    gap: .25rem
}

.carousel-wrapper .swiper-wrapper .user-info img[data-v-18f3ee0e] {
    width: 2.25rem;
    height: 2.25rem
}

.carousel-wrapper .swiper-wrapper .name[data-v-18f3ee0e] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left
}

.carousel-wrapper .swiper-wrapper .desc[data-v-18f3ee0e] {
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.125rem;
    text-align: left
}

.carousel-wrapper .carousel-indicators[data-v-18f3ee0e] {
    bottom: 2.85rem!important
}

.carousel-wrapper .carousel-indicators .active[data-v-18f3ee0e] {
    background-color: var(--btn-color)
}

.carousel-wrapper .dot[data-v-18f3ee0e] {
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background-color: #d6dae0
}

.carousel-wrapper .carousel-control-prev[data-v-18f3ee0e] {
    left: -4.5rem
}

.carousel-wrapper .carousel-control-prev[data-v-18f3ee0e],.carousel-wrapper .carousel-control-next[data-v-18f3ee0e] {
    top: 50%;
    transform: translateY(-50%);
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 2rem;
    box-shadow: 0 .3rem 1rem #001c2b29;
    background-color: #fff
}

.carousel-wrapper .carousel-control-prev[data-v-18f3ee0e]:hover,.carousel-wrapper .carousel-control-prev[data-v-18f3ee0e]:active,.carousel-wrapper .carousel-control-next[data-v-18f3ee0e]:hover,.carousel-wrapper .carousel-control-next[data-v-18f3ee0e]:active {
    background-color: #75ffb3
}

.carousel-wrapper .carousel-control-next[data-v-18f3ee0e] {
    right: -4.5rem
}

@media (max-width: 960px) {
    .carousel-wrapper[data-v-18f3ee0e] {
        padding-bottom: 2.4rem
    }

    .carousel[data-v-18f3ee0e] {
        display: none
    }

    .phone-content[data-v-18f3ee0e] {
        overflow-x: auto;
        display: block!important
    }

    .phone-content .swiper-item[data-v-18f3ee0e] {
        display: flex;
        gap: .6rem
    }

    .phone-content .swiper-item .swiper-wrapper[data-v-18f3ee0e] {
        width: initial!important;
        padding: 1rem
    }

    .phone-content .swiper-item .swiper-wrapper .sub-title[data-v-18f3ee0e] {
        width: 70vw;
        margin-bottom: 0;
        font-size: .7rem
    }

    .phone-content .swiper-item .swiper-wrapper .score-box[data-v-18f3ee0e] {
        margin: .5rem 0
    }

    .phone-content .swiper-item .swiper-wrapper .star-box img[data-v-18f3ee0e] {
        width: 1rem;
        height: 1rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .swiper-wrapper .sub-title[data-v-18f3ee0e] {
        width: 16rem!important
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1330px) {
    .section-content[data-v-18f3ee0e] {
        padding: 5rem!important
    }
}

.discover-wrapper .sub-tilte[data-v-bafc126f] {
    text-align: center;
    margin-top: .5rem
}

.discover-content[data-v-bafc126f] {
    display: flex;
    gap: .5rem
}

.discover-item[data-v-bafc126f] {
    flex: 1;
    border-radius: .6rem;
    position: relative;
    background: #003248;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.discover-item img[data-v-bafc126f] {
    width: 100%;
    border-radius: .6rem
}

.discover-item .desc[data-v-bafc126f] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: .5rem 0;
    border-radius: 0 0 .6rem .6rem;
    font-weight: 700;
    background: linear-gradient(180deg,#00324800 -31.58%,#003248cc)
}

.discover-hover[data-v-bafc126f] {
    background: #003248;
    color: #fff;
    border-radius: .6rem;
    padding: .5rem .5rem .5rem 1.4rem
}

.discover-hover h4[data-v-bafc126f] {
    font-weight: 700
}

.discover-hover .tips-content[data-v-bafc126f] {
    gap: .35rem;
    margin-top: 1.25rem
}

.discover-hover .tips-content .item[data-v-bafc126f] {
    display: flex;
    font-size: 1rem
}

.discover-hover .tips-content .item img[data-v-bafc126f] {
    width: .8rem;
    height: .8rem;
    margin-right: .35rem;
    margin-top: .4rem
}

@media (max-width: 960px) {
    .discover-content[data-v-bafc126f] {
        flex-direction: column
    }

    .discover-item[data-v-bafc126f] {
        flex: 0 0 auto
    }

    .discover-item .desc[data-v-bafc126f] {
        font-size: .8rem;
        padding: .5rem 0
    }

    .discover-hover h4[data-v-bafc126f] {
        font-size: 1rem
    }

    .discover-hover .tips-content .item[data-v-bafc126f] {
        align-items: center;
        font-size: .8rem
    }

    .discover-hover .tips-content .item img[data-v-bafc126f] {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: .5rem
    }

    br[data-v-bafc126f] {
        display: none
    }
}

@media (min-width: 1330px) and (max-width: 1600px) {
    .discover-hover h4[data-v-bafc126f] {
        font-size: 1rem
    }

    .discover-hover .tips-content .item[data-v-bafc126f] {
        align-items: center;
        font-size: .7rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 1330px) {
    .section-content[data-v-bafc126f] {
        padding: 5rem .75rem 0
    }

    .discover-hover h4[data-v-bafc126f] {
        font-size: 1rem
    }

    .discover-hover .tips-content .item[data-v-bafc126f] {
        align-items: center;
        font-size: .7rem
    }
}

@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1330px) {
    .discover-wrapper[data-v-bafc126f] {
        padding-bottom: 0!important
    }

    .discover-content[data-v-bafc126f] {
        flex-direction: row!important;
        overflow: auto
    }

    .discover-item[data-v-bafc126f] {
        width: 21.5rem
    }
}

.different[data-v-2144dac2] {
    padding-bottom: 8rem
}

.different-content[data-v-2144dac2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem
}

.different-content .article[data-v-2144dac2] {
    gap: 2rem;
    flex: 1
}

.different-content article[data-v-2144dac2] {
    display: flex
}

.different-content article .img[data-v-2144dac2] {
    background: #dcfefb;
    border-radius: .6rem;
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.2rem;
    padding: 0 .75rem
}

.different-content article img[data-v-2144dac2] {
    width: 1.5rem
}

.different-main[data-v-2144dac2] {
    color: #385576
}

.different-main h4[data-v-2144dac2] {
    font-weight: 700;
    margin-bottom: .4rem
}

.different-main .desc[data-v-2144dac2] {
    margin-top: .6rem
}

.different-user[data-v-2144dac2] {
    width: 32.1rem
}

.different .none[data-v-2144dac2] {
    display: none
}

@media (max-width: 960px) {
    .different[data-v-2144dac2] {
        padding-bottom: 0
    }

    .different-content[data-v-2144dac2] {
        flex-direction: column;
        gap: 0
    }

    .different-content article .img[data-v-2144dac2] {
        width: 2rem;
        height: 2rem;
        border-radius: .4rem;
        padding: 0 .75rem;
        margin-right: .75rem
    }

    .different-content article img[data-v-2144dac2] {
        width: 1rem
    }

    .different-main h4[data-v-2144dac2] {
        font-size: .9rem
    }

    .different-main p[data-v-2144dac2] {
        font-size: .7rem
    }

    .different-user[data-v-2144dac2] {
        width: 100%!important
    }

    .different .none[data-v-2144dac2] {
        display: block;
        width: calc(100% - 1rem);
        margin-top: 1.5rem;
        margin-bottom: 1rem
    }

    .different button[data-v-2144dac2]:not(.none) {
        display: none
    }
}

@media (min-width: 960px) and (max-width: 1300px) {
    .different-user[data-v-2144dac2] {
        width: 18rem!important
    }
}

@media (min-width: 1300px) and (max-width: 1500px) {
    .different-user[data-v-2144dac2] {
        width: 22rem!important
    }
}

@media (min-width: 1500px) and (max-width: 1700px) {
    .different-user[data-v-2144dac2] {
        width: 24rem!important
    }
}

@media only screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1330px) {
    .section-content[data-v-2144dac2] {
        padding: 5rem .75rem
    }
}

@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1330px) {
    .different-user[data-v-2144dac2] {
        width: 23rem!important
    }
}

.seekers[data-v-4f2b5abb] {
    background-color: var(--active-bg);
    padding-bottom: 8rem
}

.seekers .sub-title-h4[data-v-4f2b5abb] {
    font-weight: 500;
    font-size: 1.4rem
}

.seekers .title-h2 span[data-v-4f2b5abb] {
    position: relative;
    z-index: 1
}

.seekers .title-h2 span[data-v-4f2b5abb]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #75ffb3;
    height: 1.2rem;
    z-index: -1
}

.seekers-content[data-v-4f2b5abb] {
    gap: 1.2rem;
    justify-content: center
}

.seekers-content article[data-v-4f2b5abb] {
    background: #fff;
    border-radius: .6rem;
    padding: 2.4rem 1.6rem;
    width: 15.6rem;
    text-align: center;
    color: #003248
}

.seekers-content article img[data-v-4f2b5abb] {
    width: 4rem;
    height: 4rem
}

.seekers-content article h5[data-v-4f2b5abb] {
    font-weight: 700;
    margin-top: 2rem
}

.seekers-content article .desc[data-v-4f2b5abb] {
    margin-top: 1rem;
    font-size: .9rem;
    color: #385576
}

@media (max-width: 960px) {
    .seekers[data-v-4f2b5abb] {
        padding-bottom: 2.4rem
    }

    .seekers .title-h2 span[data-v-4f2b5abb]:after {
        height: .75rem
    }

    .seekers-content[data-v-4f2b5abb] {
        flex-direction: column;
        gap: .6rem
    }

    .seekers-content article[data-v-4f2b5abb] {
        width: 100%;
        padding: 1rem 1.6rem
    }

    .seekers-content article h5[data-v-4f2b5abb] {
        margin-top: .6rem;
        font-size: .9rem
    }

    .seekers-content article .desc[data-v-4f2b5abb] {
        font-size: .7rem;
        margin-top: .2rem
    }

    .seekers .sub-title-h4[data-v-4f2b5abb] {
        font-size: .7rem
    }
}

@media only screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1330px) {
    .section-content[data-v-4f2b5abb] {
        padding: 5rem .75rem
    }
}

@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1330px) {
    .seekers-content[data-v-4f2b5abb] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: .6rem
    }

    .seekers-content article[data-v-4f2b5abb] {
        width: calc(50% - .6rem);
        padding: 1rem 1.6rem
    }
}

.faqs[data-v-3a558d5a] {
    background-color: var(--color-white);
    padding-bottom: 8rem
}

.faqs ul[data-v-3a558d5a],.faqs li[data-v-3a558d5a] {
    margin: 0!important;
    list-style: none!important
}

.faqs .qa[data-v-3a558d5a] {
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.faqs .qa-item[data-v-3a558d5a] {
    padding-bottom: 2rem;
    border-bottom: .0625rem solid #c9dedc
}

.faqs h3[data-v-3a558d5a] {
    font-family: Poppins;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2.25rem;
    text-align: left
}

.faqs .q[data-v-3a558d5a] {
    color: var(--btn-color);
    justify-content: space-between;
    gap: .5rem
}

.faqs .tasks[data-v-3a558d5a] {
    padding-top: 1.0625rem;
    color: #385576;
    font-size: .9rem
}

.faqs .task-show[data-v-3a558d5a] {
    display: block
}

.faqs .task-hide[data-v-3a558d5a] {
    display: none
}

@media (max-width: 960px) {
    .faqs[data-v-3a558d5a] {
        padding-bottom: 1rem
    }

    .faqs .qa[data-v-3a558d5a] {
        padding-top: 1.2rem;
        gap: 1.2rem
    }

    .faqs .qa h3[data-v-3a558d5a] {
        font-size: .8rem;
        line-height: 1.2rem
    }

    .faqs .qa .tasks[data-v-3a558d5a] {
        font-size: .7rem;
        padding-top: .85rem
    }

    .faqs .qa .qa-item[data-v-3a558d5a] {
        padding-bottom: 1.2rem
    }
}

@media only screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1330px) {
    .section-content[data-v-3a558d5a] {
        padding: 5rem .75rem
    }
}

.earn[data-v-853c5c07] {
    background: #003248;
    width: 100%;
    overflow: hidden;
    color: #fff
}

.earn .phone[data-v-853c5c07] {
    display: none
}

.earn-content[data-v-853c5c07] {
    position: relative;
    justify-content: center;
    padding-top: 4.4rem
}

.earn-user[data-v-853c5c07] {
    width: 24.45rem;
    position: relative
}

.earn-bg[data-v-853c5c07] {
    position: absolute;
    bottom: 0;
    left: 0
}

.earn article[data-v-853c5c07] {
    margin-left: 3.5rem;
    padding-top: 2rem;
    position: relative
}

.earn article span[data-v-853c5c07] {
    color: #75ffb3
}

.earn article .sub-title[data-v-853c5c07] {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 700;
    word-break: break-all
}

.earn article .desc[data-v-853c5c07] {
    margin: 1rem 0 1.5rem;
    font-size: 1.2rem
}

@media (max-width: 960px) {
    .earn-bg[data-v-853c5c07] {
        height: 1.75rem
    }

    .earn-content[data-v-853c5c07] {
        padding-top: 0
    }

    .earn-user[data-v-853c5c07] {
        width: 15rem
    }

    .earn .sub-title[data-v-853c5c07] {
        font-size: 1.4rem!important;
        line-height: 1.8rem!important;
        text-align: center
    }

    .earn .desc[data-v-853c5c07] {
        font-size: .8rem!important;
        font-weight: 600;
        text-align: center
    }

    .earn article[data-v-853c5c07] {
        padding-top: 2.4rem
    }

    .earn .phone[data-v-853c5c07] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0;
        margin-bottom: 1.2rem
    }

    article[data-v-853c5c07] {
        display: none
    }
}

@media only screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1330px) {
    article[data-v-853c5c07] {
        margin-right: 2.5rem
    }
}

@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1330px) {
    article[data-v-853c5c07] {
        display: block
    }

    .phone[data-v-853c5c07] {
        display: none!important
    }

    .earn-content[data-v-853c5c07] {
        padding-top: 2.8rem;
        padding-bottom: 3.2rem;
        align-items: center
    }

    .earn-user[data-v-853c5c07] {
        width: 18rem!important
    }

    .earn-bg[data-v-853c5c07] {
        height: 3.25rem
    }

    .earn article[data-v-853c5c07] {
        margin-left: 1.8rem;
        margin-right: 5rem
    }

    .earn article .sub-title[data-v-853c5c07] {
        text-align: left
    }

    .earn article .desc[data-v-853c5c07] {
        text-align: left;
        font-size: .9rem;
        font-weight: 500
    }

    br[data-v-853c5c07] {
        display: none
    }
}

.footer[data-v-382a3cc1] {
    display: flex;
    flex-direction: column;
    color: #fff;
    background-color: #000
}

.footer-content[data-v-382a3cc1] {
    padding: 1.2rem 2rem 1rem;
    justify-content: center
}

.footer-desc[data-v-382a3cc1] {
    gap: 2.4rem;
    font-size: var(--font-size-14);
    font-weight: 400;
    line-height: 1.375rem;
    margin: var(--margin) 0
}

.footer-desc>div[data-v-382a3cc1] {
    display: flex
}

.footer .copy[data-v-382a3cc1] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--margin) 0;
    font-size: var(--font-size-12);
    line-height: 1rem;
    color: #ffffffb3;
    border-top: 1px solid rgba(255,255,255,.2);
    cursor: pointer
}

.footer .logo-img[data-v-382a3cc1] {
    height: 2.25rem;
    margin-right: 2.4rem
}

.footer .phone-icon[data-v-382a3cc1] {
    width: 1.125rem;
    height: 1.125rem;
    margin-left: .5rem
}

.footer .terms[data-v-382a3cc1] {
    cursor: pointer
}

@media (max-width: 960px) {
    .footer-content[data-v-382a3cc1] {
        flex-direction: column;
        padding-top: 2.4rem
    }

    .footer .logo-img[data-v-382a3cc1] {
        margin-right: 0
    }

    .footer-desc[data-v-382a3cc1] {
        flex-direction: column;
        gap: .75rem;
        margin-bottom: 0;
        margin-top: 1.2rem;
        font-size: .7rem
    }

    .footer-desc>div[data-v-382a3cc1] {
        display: flex;
        flex-direction: column
    }

    .footer .phone-icon[data-v-382a3cc1] {
        width: .9rem;
        height: .9rem;
        margin-right: .2rem;
        margin-left: 0
    }

    .copy[data-v-382a3cc1] {
        font-size: .6rem!important
    }
}

html[data-v-2a8c6fc3] {
    font-size: 20px;
    font-family: Poppins
}

h1[data-v-2a8c6fc3],h2[data-v-2a8c6fc3],h3[data-v-2a8c6fc3],h4[data-v-2a8c6fc3] {
    margin: 0
}

.icon[data-v-2a8c6fc3] {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.section-content[data-v-2a8c6fc3] {
    padding: 8rem 15rem 0
}

.section-item[data-v-2a8c6fc3] {
    margin-top: 2.4rem
}

.none[data-v-2a8c6fc3] {
    display: none
}

.part-time[data-v-2a8c6fc3] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Poppins;
    background: #fff;
    --p-300: 18.75rem
}

.part-time-logo[data-v-2a8c6fc3] {
    padding: .75rem 4rem;
    gap: 1rem;
    z-index: 99
}

.part-time-logo .logo[data-v-2a8c6fc3] {
    width: 11.75rem
}

.part-time-logo .basic-btn[data-v-2a8c6fc3] {
    height: 1.8rem;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.8rem;
    text-align: left
}

.part-time .header-bg[data-v-2a8c6fc3] {
    background-color: #000
}

.primary-text[data-v-2a8c6fc3] {
    color: var(--primary-color)
}

.title-h2[data-v-2a8c6fc3] {
    font-family: Poppins;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
    color: var(--btn-color)
}

.sub-title-h4[data-v-2a8c6fc3] {
    font-family: Poppins;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: center;
    margin-top: 1rem;
    color: #003248;
    word-break: break-all
}

.cursor-pointer[data-v-2a8c6fc3] {
    cursor: pointer
}

.flex-1[data-v-2a8c6fc3] {
    flex: 1
}

.w-50[data-v-2a8c6fc3] {
    width: 48%!important
}

.home-header .part-time-home[data-v-2a8c6fc3] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 var(--p-300);
    position: absolute;
    top: 5rem;
    gap: 2rem
}

.home-header .part-time-home .login-wrapper[data-v-2a8c6fc3] {
    width: 30rem
}

.home-header .header-bg[data-v-2a8c6fc3] {
    width: 100vw;
    height: auto
}

.home-header .part-time-title[data-v-2a8c6fc3] {
    flex: 1;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.6rem;
    text-align: left;
    color: #fff
}

.home-header .part-time-title h1[data-v-2a8c6fc3] {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.6rem;
    text-align: left
}

.home-header .part-time-title h2[data-v-2a8c6fc3] {
    margin-top: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-align: left
}

h2[data-v-2a8c6fc3] {
    text-align: center
}

.article-btn[data-v-2a8c6fc3] {
    margin: 0 auto;
    margin-top: 2.15rem
}

.part-time-container[data-v-2a8c6fc3] {
    flex: 1;
    overflow-y: auto
}

.header-m[data-v-2a8c6fc3] {
    display: none
}

.w-100[data-v-2a8c6fc3] {
    width: 100%
}

.header-ipad[data-v-2a8c6fc3] {
    display: none
}

.web-show[data-v-2a8c6fc3] {
    display: block
}

.m-show[data-v-2a8c6fc3] {
    display: none
}

.c-check-label[data-v-2a8c6fc3] {
    color: #f5222d
}

@media only screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1330px) {
    .section-content[data-v-2a8c6fc3] {
        padding: 5rem .75rem
    }
}

@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1330px) {
    .section-content[data-v-2a8c6fc3] {
        padding: 5rem 2.4rem!important
    }
}

@media (max-width: 767px) {
    .part-time-home[data-v-2a8c6fc3] {
        margin-top: -9.5rem!important
    }
}

@media (max-width: 768px) {
    .part-time-home[data-v-2a8c6fc3] {
        margin-top: -17.35rem!important
    }
}

@media (max-width: 430px) {
    .login-wrapper[data-v-2a8c6fc3]:after {
        top: 1.4rem!important
    }
}

@media (max-width: 540px) {
    .part-time-home[data-v-2a8c6fc3] {
        margin-top: -11.6rem!important
    }
}

@media (max-width: 450px) {
    .part-time-home[data-v-2a8c6fc3] {
        margin-top: -9rem!important
    }
}

@media (max-width: 960px) and (orientation: portrait) {
    .login-modal h3.title[data-v-2a8c6fc3] {
        padding-right: 1.5rem
    }

    .title-h2[data-v-2a8c6fc3] {
        font-size: 1.2rem;
        line-height: 1.8rem
    }

    .sub-title-h4[data-v-2a8c6fc3] {
        font-size: .7rem;
        line-height: 1rem;
        margin-top: .4rem
    }

    .part-time[data-v-2a8c6fc3] {
        --p-300: 0
    }

    .part-time .logo[data-v-2a8c6fc3] {
        width: 8rem
    }

    .section-content[data-v-2a8c6fc3] {
        padding: 2.4rem .75rem 0
    }

    .section-item[data-v-2a8c6fc3] {
        margin-top: 1.2rem
    }

    .article-btn[data-v-2a8c6fc3] {
        width: calc(100% - 1rem);
        margin-top: 1.2rem
    }

    .part-time-logo[data-v-2a8c6fc3] {
        background-color: #000;
        height: 3rem;
        padding: .625rem .75rem
    }

    .part-time-logo .basic-btn[data-v-2a8c6fc3] {
        font-family: Poppins;
        font-size: .6rem;
        font-weight: 500;
        line-height: .8rem;
        text-align: left;
        padding: 0 .5rem;
        border-radius: .25rem;
        height: 1.2rem
    }

    .header-web[data-v-2a8c6fc3] {
        display: none
    }

    .header-m[data-v-2a8c6fc3] {
        display: block;
        width: 100%;
        margin-top: 2.25rem
    }

    .part-time-home[data-v-2a8c6fc3] {
        overflow: hidden;
        flex-direction: column;
        position: inherit!important;
        top: 0!important;
        margin-top: -347px;
        align-items: center;
        gap: .5rem!important
    }

    .part-time-home h1[data-v-2a8c6fc3] {
        font-size: 1.4rem!important;
        font-weight: 700!important;
        line-height: 1.6rem!important;
        text-align: center!important
    }

    .part-time-home h2[data-v-2a8c6fc3] {
        font-size: .8rem!important;
        font-weight: 500!important;
        line-height: 1.3rem!important;
        text-align: center!important;
        margin-top: .75rem!important
    }

    .part-time-home .part-time-login[data-v-2a8c6fc3] {
        margin-top: 1.8rem
    }

    .part-time-home .part-time-login .login-content[data-v-2a8c6fc3] {
        margin-top: -.6rem
    }

    .part-time-home .part-time-title[data-v-2a8c6fc3] {
        padding: 0 1rem
    }

    .w-50[data-v-2a8c6fc3] {
        width: 100%!important
    }
}

@media (min-width: 960px) and (max-width: 1023px) {
    .part-time-logo[data-v-2a8c6fc3] {
        background-color: #000;
        height: 3rem;
        padding: .625rem .75rem
    }

    .part-time-logo .basic-btn[data-v-2a8c6fc3] {
        font-size: .75rem;
        line-height: 1rem;
        padding: .25rem .5rem;
        border-radius: .25rem
    }

    .header-web[data-v-2a8c6fc3] {
        display: none
    }

    .header-m[data-v-2a8c6fc3] {
        display: block;
        width: 100%;
        margin-top: 2.25rem
    }

    .part-time-home[data-v-2a8c6fc3] {
        overflow: hidden;
        flex-direction: column;
        position: inherit!important;
        top: 0!important;
        margin-top: -34.5rem;
        align-items: center;
        gap: 0
    }

    .part-time-home h1[data-v-2a8c6fc3] {
        font-size: 1.75rem!important;
        font-weight: 700!important;
        line-height: 2.5rem!important;
        text-align: center!important
    }

    .part-time-home h2[data-v-2a8c6fc3] {
        font-size: 1rem!important;
        font-weight: 500!important;
        line-height: 1.5rem!important;
        text-align: center!important;
        margin-top: .75rem!important
    }

    .part-time-home .part-time-login[data-v-2a8c6fc3] {
        margin-top: 2rem;
        width: 100%!important;
        padding: 0 12rem 1.6rem;
        position: relative
    }

    .part-time-home .part-time-login[data-v-2a8c6fc3]:after {
        content: "";
        position: absolute;
        top: 25rem;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--btn-color)
    }

    .part-time-home .part-time-login .login-content[data-v-2a8c6fc3] {
        margin-top: -.6rem;
        position: relative;
        z-index: 2
    }

    .part-time-home .part-time-title[data-v-2a8c6fc3] {
        padding: 0 1rem
    }

    .w-50[data-v-2a8c6fc3] {
        width: 48%!important
    }
}

@media (min-width: 1024px) and (orientation: portrait) {
    .header-m[data-v-2a8c6fc3],.header-web[data-v-2a8c6fc3] {
        display: none
    }

    .header-ipad[data-v-2a8c6fc3] {
        display: block
    }

    .part-time[data-v-2a8c6fc3] {
        --p-300: 2.4rem !important
    }

    .w-50[data-v-2a8c6fc3] {
        width: 46%!important
    }

    .home-header .part-time-title h1[data-v-2a8c6fc3] {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.2rem
    }

    .home-header .part-time-title h2[data-v-2a8c6fc3] {
        font-size: 1.2rem;
        line-height: 1.8rem
    }
}

@media (min-width: 1024px) and (max-width: 1336px) {
    .part-time[data-v-2a8c6fc3] {
        --p-300: 0
    }

    .section-content[data-v-2a8c6fc3] {
        padding: 8rem 1rem 0
    }

    .carousel-wrapper[data-v-2a8c6fc3] {
        padding: 8rem 5rem 0
    }

    .header-m[data-v-2a8c6fc3],.header-web[data-v-2a8c6fc3] {
        display: none
    }

    .header-ipad[data-v-2a8c6fc3] {
        display: block
    }

    .part-time[data-v-2a8c6fc3] {
        --p-300: 2.4rem !important
    }

    .w-50[data-v-2a8c6fc3] {
        width: 46%!important
    }

    .home-header .part-time-title h1[data-v-2a8c6fc3] {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.2rem
    }

    .home-header .part-time-title h2[data-v-2a8c6fc3] {
        font-size: 1.2rem;
        line-height: 1.8rem
    }
}

@media (min-width: 1336px) and (max-width: 1500px) {
    .part-time[data-v-2a8c6fc3] {
        --p-300: 4rem
    }

    .section-content[data-v-2a8c6fc3] {
        padding: 8rem 1rem 0
    }

    .carousel-wrapper[data-v-2a8c6fc3] {
        padding: 8rem 5rem 0
    }

    .header-bg[data-v-2a8c6fc3] {
        width: 130vw!important
    }

    .login-wrapper[data-v-2a8c6fc3] {
        width: 30rem!important
    }
}

@media (min-width: 1500px) and (max-width: 1670px) {
    .part-time[data-v-2a8c6fc3] {
        --p-300: 4rem
    }

    .header-bg[data-v-2a8c6fc3] {
        width: 120vw!important
    }

    .login-wrapper[data-v-2a8c6fc3] {
        width: 40rem!important
    }
}

@media (min-width: 1670px) and (max-width: 1700px) {
    .part-time[data-v-2a8c6fc3] {
        --p-300: 8rem
    }

    .login-wrapper[data-v-2a8c6fc3] {
        width: 40rem!important
    }
}

@media (min-width: 1700px) and (max-width: 1800px) {
    .part-time[data-v-2a8c6fc3] {
        --p-300: 15rem
    }

    .login-wrapper[data-v-2a8c6fc3] {
        width: 35rem!important
    }
}

.part-time-success[data-v-2a8c6fc3] {
    height: 100vh
}

.part-time-success .part-time-success-container[data-v-2a8c6fc3] {
    background: url(/v4imags/success_web.jpg)
}

.part-time-success .success-content[data-v-2a8c6fc3] {
    width: 100%;
    height: 100%;
    color: var(--btn-color);
    text-align: center
}

.part-time-success .success-content h1[data-v-2a8c6fc3] {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    margin: 2.4rem 0 .6rem
}

.part-time-success .success-content h2[data-v-2a8c6fc3] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6rem;
    width: 40rem
}

.part-time-success .success-img[data-v-2a8c6fc3] {
    width: 100vw;
    height: 100%
}

.part-time-success .logo_web[data-v-2a8c6fc3] {
    display: block
}

.part-time-success .logo_m[data-v-2a8c6fc3] {
    display: none
}

@media (max-width: 960px) {
    .part-time-success .logo_web[data-v-2a8c6fc3] {
        display: none
    }

    .part-time-success .logo_m[data-v-2a8c6fc3] {
        display: block
    }

    .part-time-success .success-icon[data-v-2a8c6fc3] {
        width: 6rem
    }

    .part-time-success .success-content[data-v-2a8c6fc3] {
        padding: 0 .8rem
    }

    .part-time-success .success-content h1[data-v-2a8c6fc3] {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.6rem;
        margin: 1.2rem 0 .6rem
    }

    .part-time-success .success-content h2[data-v-2a8c6fc3] {
        font-size: .7rem;
        font-weight: 400;
        line-height: 1.1rem;
        width: 100%
    }
}

html {
    font-size: 20px;
    font-family: Poppins
}

h1,h2,h3,h4 {
    margin: 0
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.section-content {
    padding: 8rem 15rem 0
}

.section-item {
    margin-top: 2.4rem
}

.none {
    display: none
}

.part-time {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: Poppins;
    background: #fff;
    --p-300: 18.75rem
}

.part-time-logo {
    padding: .75rem 4rem;
    gap: 1rem;
    z-index: 99
}

.part-time-logo .logo {
    width: 11.75rem
}

.part-time-logo .basic-btn {
    height: 1.8rem;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.8rem;
    text-align: left
}

.part-time .header-bg {
    background-color: #000
}

.primary-text {
    color: var(--primary-color)
}

.title-h2 {
    font-family: Poppins;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
    color: var(--btn-color)
}

.sub-title-h4 {
    font-family: Poppins;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: center;
    margin-top: 1rem;
    color: #003248;
    word-break: break-all
}

.cursor-pointer {
    cursor: pointer
}

.flex-1 {
    flex: 1
}

.w-50 {
    width: 48%!important
}

.home-header .part-time-home {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 var(--p-300);
    position: absolute;
    top: 5rem;
    gap: 2rem
}

.home-header .part-time-home .login-wrapper {
    width: 30rem
}

.home-header .header-bg {
    width: 100vw;
    height: auto
}

.home-header .part-time-title {
    flex: 1;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.6rem;
    text-align: left;
    color: #fff
}

.home-header .part-time-title h1 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.6rem;
    text-align: left
}

.home-header .part-time-title h2 {
    margin-top: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-align: left
}

h2 {
    text-align: center
}

.article-btn {
    margin: 0 auto;
    margin-top: 2.15rem
}

.part-time-container {
    flex: 1;
    overflow-y: auto
}

.header-m {
    display: none
}

.w-100 {
    width: 100%
}

.header-ipad {
    display: none
}

.web-show {
    display: block
}

.m-show {
    display: none
}

.c-check-label {
    color: #f5222d
}

@media only screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1330px) {
    .section-content {
        padding: 5rem .75rem
    }
}

@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1330px) {
    .section-content {
        padding: 5rem 2.4rem!important
    }
}

@media (max-width: 767px) {
    .part-time-home {
        margin-top: -9.5rem!important
    }
}

@media (max-width: 768px) {
    .part-time-home {
        margin-top: -17.35rem!important
    }
}

@media (max-width: 430px) {
    .login-wrapper:after {
        top: 1.4rem!important
    }
}

@media (max-width: 540px) {
    .part-time-home {
        margin-top: -11.6rem!important
    }
}

@media (max-width: 450px) {
    .part-time-home {
        margin-top: -9rem!important
    }
}

@media (max-width: 960px) and (orientation: portrait) {
    .login-modal h3.title {
        padding-right: 1.5rem
    }

    .title-h2 {
        font-size: 1.2rem;
        line-height: 1.8rem
    }

    .sub-title-h4 {
        font-size: .7rem;
        line-height: 1rem;
        margin-top: .4rem
    }

    .part-time {
        --p-300: 0
    }

    .part-time .logo {
        width: 8rem
    }

    .section-content {
        padding: 2.4rem .75rem 0
    }

    .section-item {
        margin-top: 1.2rem
    }

    .article-btn {
        width: calc(100% - 1rem);
        margin-top: 1.2rem
    }

    .part-time-logo {
        background-color: #000;
        height: 3rem;
        padding: .625rem .75rem
    }

    .part-time-logo .basic-btn {
        font-family: Poppins;
        font-size: .6rem;
        font-weight: 500;
        line-height: .8rem;
        text-align: left;
        padding: 0 .5rem;
        border-radius: .25rem;
        height: 1.2rem
    }

    .header-web {
        display: none
    }

    .header-m {
        display: block;
        width: 100%;
        margin-top: 2.25rem
    }

    .part-time-home {
        overflow: hidden;
        flex-direction: column;
        position: inherit!important;
        top: 0!important;
        margin-top: -347px;
        align-items: center;
        gap: .5rem!important
    }

    .part-time-home h1 {
        font-size: 1.4rem!important;
        font-weight: 700!important;
        line-height: 1.6rem!important;
        text-align: center!important
    }

    .part-time-home h2 {
        font-size: .8rem!important;
        font-weight: 500!important;
        line-height: 1.3rem!important;
        text-align: center!important;
        margin-top: .75rem!important
    }

    .part-time-home .part-time-login {
        margin-top: 1.8rem
    }

    .part-time-home .part-time-login .login-content {
        margin-top: -.6rem
    }

    .part-time-home .part-time-title {
        padding: 0 1rem
    }

    .w-50 {
        width: 100%!important
    }
}

@media (min-width: 960px) and (max-width: 1023px) {
    .part-time-logo {
        background-color: #000;
        height: 3rem;
        padding: .625rem .75rem
    }

    .part-time-logo .basic-btn {
        font-size: .75rem;
        line-height: 1rem;
        padding: .25rem .5rem;
        border-radius: .25rem
    }

    .header-web {
        display: none
    }

    .header-m {
        display: block;
        width: 100%;
        margin-top: 2.25rem
    }

    .part-time-home {
        overflow: hidden;
        flex-direction: column;
        position: inherit!important;
        top: 0!important;
        margin-top: -34.5rem;
        align-items: center;
        gap: 0
    }

    .part-time-home h1 {
        font-size: 1.75rem!important;
        font-weight: 700!important;
        line-height: 2.5rem!important;
        text-align: center!important
    }

    .part-time-home h2 {
        font-size: 1rem!important;
        font-weight: 500!important;
        line-height: 1.5rem!important;
        text-align: center!important;
        margin-top: .75rem!important
    }

    .part-time-home .part-time-login {
        margin-top: 2rem;
        width: 100%!important;
        padding: 0 12rem 1.6rem;
        position: relative
    }

    .part-time-home .part-time-login:after {
        content: "";
        position: absolute;
        top: 25rem;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--btn-color)
    }

    .part-time-home .part-time-login .login-content {
        margin-top: -.6rem;
        position: relative;
        z-index: 2
    }

    .part-time-home .part-time-title {
        padding: 0 1rem
    }

    .w-50 {
        width: 48%!important
    }
}

@media (min-width: 1024px) and (orientation: portrait) {
    .header-m,.header-web {
        display: none
    }

    .header-ipad {
        display: block
    }

    .part-time {
        --p-300: 2.4rem !important
    }

    .w-50 {
        width: 46%!important
    }

    .home-header .part-time-title h1 {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.2rem
    }

    .home-header .part-time-title h2 {
        font-size: 1.2rem;
        line-height: 1.8rem
    }
}

@media (min-width: 1024px) and (max-width: 1336px) {
    .part-time {
        --p-300: 0
    }

    .section-content {
        padding: 8rem 1rem 0
    }

    .carousel-wrapper {
        padding: 8rem 5rem 0
    }

    .header-m,.header-web {
        display: none
    }

    .header-ipad {
        display: block
    }

    .part-time {
        --p-300: 2.4rem !important
    }

    .w-50 {
        width: 46%!important
    }

    .home-header .part-time-title h1 {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.2rem
    }

    .home-header .part-time-title h2 {
        font-size: 1.2rem;
        line-height: 1.8rem
    }
}

@media (min-width: 1336px) and (max-width: 1500px) {
    .part-time {
        --p-300: 4rem
    }

    .section-content {
        padding: 8rem 1rem 0
    }

    .carousel-wrapper {
        padding: 8rem 5rem 0
    }

    .header-bg {
        width: 130vw!important
    }

    .login-wrapper {
        width: 30rem!important
    }
}

@media (min-width: 1500px) and (max-width: 1670px) {
    .part-time {
        --p-300: 4rem
    }

    .header-bg {
        width: 120vw!important
    }

    .login-wrapper {
        width: 40rem!important
    }
}

@media (min-width: 1670px) and (max-width: 1700px) {
    .part-time {
        --p-300: 8rem
    }

    .login-wrapper {
        width: 40rem!important
    }
}

@media (min-width: 1700px) and (max-width: 1800px) {
    .part-time {
        --p-300: 15rem
    }

    .login-wrapper {
        width: 30rem!important
    }
}