:root {
    --header-bg: #ffffff;
    --header-sub-bg: #f3f3f3;
    --default-color: #000000;
    --gray-color: #666666;
    --point-color: #f39313;
    --point2-color: #00aca9;
    --point3-color: #4ea5dc;
    --red-point-color: #e94b57;
    --a-color: rgb(0, 172, 169);
    --a-hover-color: #9a994b;
    --white-op-100: rgba(255,255,255,1);
    --white-op-80: rgba(255,255,255,0.8);
    --white-op-10: rgba(255,255,255,0.1);
    --white-op-30: rgba(255,255,255,0.3);
    --black-op-60: rgba(0,0,0,0.6);
    --black-op-100: rgba(0,0,0,1);
    --menu-color1:#f39313;
    --menu-color2:#00aca8;
    --menu-color3:#ea4b58;
    --menu-color4:#4ea5dc;
    --tab-color:#a1a1a1;
    --line-color:#e1e1e1;
    --footer-bg-color: #232425;
}

:root {
    --header-height: 10rem;
    --container-padding: 10rem;
}

:root {
    --rem-size: 10px;
}



@media all and (max-width:1400px) {
    :root {
        --header-height: 10rem;
        --container-padding: 3rem;
    }

}

@media all and (max-width:1000px) {
    :root {
        --rem-size: 7px;
        --header-height: 15rem;
    }

}

@media all and (max-width:620px) {
    :root {
        --rem-size: 5px;
    }
}

@media all and (max-width:360px) {
    :root {
        --rem-size: 4px;
    }
}