:root {
    scroll-padding-top: 7em;
    --bg-nav: #ffffff;
    --bg-nav2: #f6f5f5;
    --bg: #fbfbfb;
    --hover-menu: #8b8888;
    --color-dark: rgb(255, 255, 255);
    --color-primary: #1a1a1a;
    /*文字 */
    --color_subtitle: #6b6a6a;
    /*小字*/
    --li_text_color: #4f516a;
    /* 表格ul */
    --interval-bg: #e4f3ffa8;
    /*間隔*/
    --interval-tr: #f4f2f2;
    /*table間隔*/
    --interval-hover: #e4e2e2;
    --interval-bg2: #f0f4f8;
    /*間隔2*/
    --compare_table_bg: #fff;
    --remark_text: #707070;
    --remark_bg: transparent;
    --remark2_text: red;
    --remark2_bg: #ffd4d4;
    --a_hover: rgb(134, 134, 134);
    --box-shadow: #bebebe;
    /*陰影*/
    --box-shadow2: #b6b6b6;
    --box-shadow3: #5c5c5c;
    --box-shadow-card: #e0e0e0;
    /*陰影2*/
    --table-box-shadow: #dce5ec;
    --table-bg: #ffffff;
    --text_blue: #2d88ff;
    --btn_blue: #007bff;
    --btn-blue-hover: #005fffbf;
    --download: #ec164c;
    --download-text: #0280c3;
    --table-title: #d4d4d4;
    --a: #1d86e7;
    --map_a: #4d4d4d;
    --border: #cfcfcf;
    --contact_bg: #fff;
    --feature: #1d8cc0;
    --application: #17a35d;
    --contact: #ee610f;
    --qa: #7300f6;
    --item_border: transparent;
    --download_btn: #0787cc;
    --card_border: #b1dcffd0;
    --card_bg: #f9feff;
    --scrollbar: #83c5ff;
    --scrollbargbg: #f6f5f5;
    --scrollbarghover: #9bdafa;
    --feature-btn: #ffffff;
    --feature-btn2: #30a1b5;
    --feature-btn2-hover: #63c49e;
    --seo: #212121b8;
    --feature_menu_row: #f9f9f9;
    --feature_menu_row-color: #0085cc;
    --feature_menu_row-active: #0077ff;
    --workon_product_h3: #2e5efb;
    --workon_menu_row: rgb(212, 212, 212);
    --download_server-row: #3fa4fb;
    --selection-color: #fff;
    --selection-bg: #2843a761;
    --price-thead-1: #1296ff;
    --price-thead-2: #007cff;
    --price-h4: rgb(9, 184, 47);
    --tb-border: #dbdbdb;
    --input_text: #c9c9c9;
    --input_text-hover: #00a2ff;
    --menu_bg: #e6e6e6;
    --start-btn: #efefef;
    --WorkOn_title: #30b2fe;
    --authorization_bg: radial-gradient(73% 147%, #d9e8ff 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255, 255, 255, 0.50) 47%, rgba(0, 0, 0, 0.50) 100%);
    --info_color: #0c5460;
    --info_background-color: #d6f3fb;
    --info_border-color: #bee5eb;
    --ul_show_li_hover: #edecff;
    --more_question: url("../img/more_question-bg.png");
    --gototop: url("../img/top.svg");
    --safety_p1: url("../img/database.svg");
    --safety_p2: url("../img/SSl.svg");
    --safety_p3: url("../img/login.svg");
    --safety_p4: url("../img/two-phase_verification.svg");
    --safety_p5: url("../img/management_authority.svg");
    --safety_p6: url("../img/cloud.svg");
    --logo: url("../img/workon-logo-1.svg");
    --p7: url("../img/user-phone.svg");
    --p8: url("../img/user-pc.svg");
    --p9: url("../img/331.png");
    --p10: url("../img/692.svg");
    --customer_service_btn: url("../img/customer_service_btn.png");
    --WorkOn_title_bg: url("../img/workOn_title_bg.png");
}

html[data-theme="dark"] {
    --bg-nav: #3C3C3C;
    --bg-nav2: #303134;
    --bg: #1E1E1E;    
    --hover-menu: #000;
    --interval-bg: #3c4043;
    --interval-hover: #383838;
    --interval-bg2: #464d53;
    --compare_table_bg: #484d54;
    --remark_text: #d6d6d9;
    --remark_bg: transparent;
    --remark2_text: #fff;
    --remark2_bg: #837474;
    --interval-tr: #2C3034;
    --color-dark: rgb(0, 0, 0);
    --color-primary: #eeeded;
    --color_subtitle: #c4c4c4;
    --li_text_color: #000;
    --a_hover: #c0b6b6;
    --map_a_hover: #d0d0f0;
    --box-shadow: #101010;
    --box-shadow2: #101010;
    --box-shadow3: #030303;
    --box-shadow-card: #000000;
    --table-box-shadow: #333434;
    --table-bg: #212529;
    --text_blue: #62b8ff;
    --btn_blue: #2499ff;
    --btn-blue-hover: #0662f7;
    --download-text: #1facf8;
    --table-title: rgb(61, 60, 60);
    --a: #7cdbff;
    --map_a: #c3c3ec;
    --border: #313030;
    --contact_bg: #d1d1d1f5;
    --feature: #35b9f7;
    --application: #27ca78;
    --download: #fb2b5f;
    --contact: #fc8846;
    --qa: #bd7bff;
    --start-btn: #39393a;
    --item_border: rgb(236, 236, 236);
    --download_btn: #fff;
    --card_border: #f6f6f6;
    --card_bg: #e2e2e2;
    --scrollbar: #616675;
    --scrollbargbg: #b5b6b6;
    --scrollbarghover: #3e4750;
    --feature-btn: #8cb3ff;
    --feature-btn2: #71b6ff;
    --feature-btn2-hover: #b4d9ff;
    --seo: #908d8d;
    --feature_menu_row: #4b4b4b;
    --feature_menu_row-color: #fff;
    --feature_menu_row-active: #00b7ff;
    --workon_product_h3: #31cfffde;
    --workon_menu_row: rgb(185, 184, 184);
    --download_server-row: #585a62;
    --selection-color: #fff;
    --selection-bg: #675454;
    --price-thead-1: #1277fd;
    --price-thead-2: #0054ff;
    --price-h4: #00931f;
    --tb-border: #585a62;
    --input_text: #636363;
    --input_text-hover: #ffffff;
    --menu_bg: #4c4d4f;
    --WorkOn_title: #4b4b4b;
    --info_color: #ffff;
    --info_background-color: #545468;
    --info_border-color: #2c2c2c;
    --ul_show_li_hover: #1e1e1e;
    --WorkOn_title_bg: url("../img/workOn_title_bg-2.png");
    --authorization_bg: linear-gradient(to top, #383838 0%, #313135 100%);
    --more_question: url("../img/more_question-bg-2.png");
    --gototop: url("../img/top2.svg");
    --safety_p1: url("../img/database-2.svg");
    --safety_p2: url("../img/SSl-2.svg");
    --safety_p3: url("../img/login-2.svg");
    --safety_p4: url("../img/two-phase_verification-2.svg");
    --safety_p5: url("../img/management_authority-2.svg");
    --safety_p6: url("../img/cloud-2.svg");
    --logo: url("../img/workon-logo-2.svg");
    --p7: url("../img/user-phone-2.svg");
    --p8: url("../img/user-pc-2.svg");
    --p9: url("../img/331-2.png");
    --p10: url("../img/692-2.svg");
    --customer_service_btn: url("../img/customer_service_btn-2.png");
}