.serviceTitle {
    font-size: 30px;
}

.noDisplay {
    display: none;
}

.squareFrostedGlass {
    height: 38%;
    width: 19%;
    /* background-color: pink; */
    /* background-image: linear-gradient(to bottom, #8F8F8F, #FFFFFF); */
    position: absolute;
    top: 17%;
    left: 13%;
    border-radius: 12px;
    backdrop-filter: blur(15px);
}

.squareFrostedGlass .toptext {
    font-size: 42px;
    color: #fff;
    padding-left: 7%;
    padding-top: 3%;
}

.squareFrostedGlass .downtext {
    font-size: 20px;
    color: #fff;
    padding-left: 7%;
}

.imgMarqee {
    /* height: 700px; */
    width: 100%;
    position: relative;
}

.thisPageFont {
    /* font-family: Noto Sans TC; */
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    padding-top: 3%;
}

.ek_help_com {
    padding-top: 3%; 
    padding-left: 5%;
}

.ek_help_com_text {
    padding-left: 5%;
}

.ek_other {
    padding-top: 3%;
}

.ek_data {
    padding-left: 2%;
}

.ek_circle {
    padding-left: 2%;
}

.ek_care_text {
    text-align: justify;
    padding-left: 8%;
}

.ek_trc_text {
    text-align: justify; 
    padding-left: 5%;
}

.ek_care_img {
    padding-left: 5%;
    padding-top: 2%;
}

.ek_joinus_btn {
    text-align: justify;
    padding-top: 1%;
}

.ek_posimg {
    width: 240%;
}

.bannerImg {
    content: url("../img/manwithcom.png");
}

.sendOutBtn {
    padding-top: 3%;
}

.smallLogo {
    padding-bottom: 3%;
}

.serviceContent {
    font-size: 18px;
    padding: 2% 0;
}

.ek_care_btn {
    background-color: #C1226D;
    color: #fff;
}

.ek_trc_btn {
    background-color: #195C7A;
    color: #fff;
}

.ek_pos_btn {
    background-color: #7395D3;
    color: #fff;
}

.ek_joinus_btn2 {
    background-color: #FFE400;
    color: #000;
}

.joinEK {
    display: none;
}

.joinEKContent {
    font-size: 18px;
}

.joinUsDIV {
    padding-top: 5%;
    padding-bottom: 3%;
}

.ek_home_carousel_text {
    padding-top: 4%;
    padding-left: 18%;
}

.ek_sys_service {
    padding: 5% 0;
}

.fontsize18 {
    font-size: 18px;
}

.fontsize10 {
    font-size: 10px;
}

.download_ek_app {
    background-color: #FFE400;
    color: #000;
    margin-left: 7%;
}

.contactUs_sendOut {
    background-color: #393A3A;
    color: #fff;
    height: 130%;
    width: 100%;
}

.contactUs_label {
    padding-top: 1%;
}

.contactUs {
    padding-bottom: 8%;
    padding-top: 2%;
}

@media (max-width: 1700px) {
    .ek_help_com {
        padding-top: 3%; 
        padding-left: 5%;
    }
    .ek_help_com_text {
        padding-left: 8%;
    }
    .ek_other {
        padding-top: 3%;
    }
    .ek_data {
        padding-left: 5%;
    }
    
    .ek_circle {
        padding-left: 5%;
    }

    .ek_mobile_img {
        width: 240%;
    }
}

@media (max-width: 1400px) {
    .ek_help_com {
        padding-top: 3%; 
        padding-left: 5%;
    }
    .ek_help_com_text {
        padding-left: 10%;
    }
    .ek_other {
        padding-top: 3%;
    }
    .ek_data {
        padding-left: 8%;
    }
    .ek_circle {
        padding-left: 8%;
    }
    .squareFrostedGlass {
        height: 48%;
        width: 23%;
    }
}

@media (max-width: 1200px) {
    .squareFrostedGlass {
        height: 58%;
        width: 32%;
    }
    .ek_help_com {
        padding-top: 3%; 
        padding-left: 20%;
    }
    .ek_help_com_text {
        padding-left: 8%;
    }
    .ek_other {
        padding-top: 3%;
        padding-left: 19%;
    }
    .ek_data {
        padding-left: 7%;
    }
    
    .ek_circle {
        padding-left: 7%;
    }
    
    .illustrate_img {
        text-align: center;
    }

    .illustrate_text {
        padding-left: 22%;
        padding-top: 2%;
    }

    .ek_joinus {
        padding-top: 8%;
        padding-left: 25%;
    }

    .ek_joinus_btn {
        text-align: justify;
        padding-top: 1%;
        padding-left: 25%;
    }

    .header-burgar-content{
        padding: 3%;
    }

    .ek_mobile_img {
        width: 50%;
    }

    .ek_posimg {
        width: 50%;
    }
}

@media (max-width: 880px) {
    .squareFrostedGlass {
        height: 80%;
        width: 40%;
    }
    .squareFrostedGlass .toptext {
        font-size: 28px;
        color: #fff;
        padding-left: 7%;
        padding-top: 3%;
    }
    
    .squareFrostedGlass .downtext {
        font-size: 14px;
        color: #fff;
        padding-left: 7%;
    }
    .download_ek_app {
        /* height: 25%; */
        font-size: 10px;
    }
    .ek_help_com {
        padding-top: 3%; 
        padding-left: 20%;
    }
    .ek_help_com_text {
        padding-left: 3%;
    }
    .ek_other {
        padding-top: 3%;
        padding-left: 19%;
    }
    .ek_data {
        padding-left: 1%;
    }
    
    .ek_circle {
        padding-left: 1%;
    }
}

@media (max-width: 500px) {
    .download_ek_app {
        height: unset;
        font-size: unset;
    }
    .ek_help_com {
        padding-top: 6%; 
        padding-left: 5%;
    }
    .ek_help_com_text {
        /* padding-left: 17%; */
        text-align: center;
    }
    .ek_other {
        padding-top: 3%; 
        padding-left: 32%;
    }
    .ek_data {
        /* padding-left: 12%; */
        text-align: center;
    }
    
    .ek_circle {
        /* padding-left: 12%; */
        text-align: center;
    }

    .trcIMG {
        padding-top: 5%;
        padding-left: 4%;
    }

    .ek_care_text {
        text-align: justify;
        /* padding-left: 19%; */
        padding-top: 7%; 
        padding-right: 8%;
    }

    .ek_trc_text {
        text-align: justify; 
        padding-left: 8%;
        padding-right: 8%;
        padding-top: 5%;
    }

    .ek_care_img {
        padding-left: 4%;
        padding-top: 2%;
    }

    .ek_joinus {
        padding-top: unset;
        padding-left: unset;
    }

    .ek_joinus_btn {
        text-align: unset;
        padding-top: unset;
        padding-left: unset;
    }

    .ek_mobile_img {
        width: 100%;
    }

    .ek_posimg {
        width: 100%;
    }

    .bannerImg {
        content: url("../img/mobile_manwithcom.png");
    }

    .squareFrostedGlass {
        height: 44%;
        width: 61%;
        /* background-color: pink; */
        /* background-image: linear-gradient(to bottom, #8F8F8F, #FFFFFF); */
        position: absolute;
        top: 21%;
        left: 9%;
        border-radius: 12px;
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
    }

    .sendOutBtn {
        padding-top: 10%;
    }

    .serviceTitle {
        font-size: 24px;
        text-align: center;
    }

    .smallLogo {
        display: none;
    }

    .serviceContent {
        font-size: 18px;
        padding: 2% 0;
        text-align: center;
    }

    .ek_care_btn {
        margin-top: 5%;
        margin-left: 20%;
        background-color: #C1226D;
        color: #fff;
        font-size: 24px;
        border-radius: 40px;
        width: 200px;
    }

    .ek_trc_btn {
        margin-top: 5%;
        margin-left: 20%;
        background-color: #195C7A;
        color: #fff;
        font-size: 24px;
        border-radius: 40px;
        width: 200px;
    }

    .ek_pos_btn {
        margin-top: 5%;
        margin-left: 20%;
        background-color: #7395D3;
        color: #fff;
        font-size: 24px;
        border-radius: 40px;
        width: 200px;
    }

    .ek_joinus_btn2 {
        margin-top: 5%;
        margin-left: 20%;
        background-color: #FFE400;
        color: #000;
        font-size: 24px;
        border-radius: 40px;
        width: 200px;
    }

    .noDisplay {
        display: unset;
    }

    .joinEK {
        display: block;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
    }

    .joinEKContent {
        font-size: 14px;
        text-align: center;
    }

    .joinUsDIV {
        padding-top: 20%;
        padding-bottom: 20%;
    }
}