:root {
    /*顏色變數*/
    --blackText: #383838;
    --lightColor: #e9f7fe;
    --inputBg: #edf3f1;
    --colorText: #2e5f7c;
    --colorTextAlpha: rgb(46 95 124 / 25%);
    --lightColorText: #4b819c;
    --mainColor: #2f88b2;
    --grayBg: #e6e6e6;
    --importantColor: #f48b45;
    --lightGrayBg: #f5f5f5;
    --lightGrayText: #b1b1b1;
    --grayText: #616161;
    --inputHoverBg: #d8ebf3;
    /*--mainChromaColor: #00a1e1;*/
    --mainChromaColor: #2f88b2;
    --lightBg: #f3f3f3;
    --greenBg: #eef1df;
    --greenblueBg: #e1ece9;
    --blueBg: #e6eff9;
    --orangeBg: #f3efe3;
    --disableText: #333333;
    --disableBg: #bfbfbf;
    /* 常規色 */
    --purpleColor: #8a59bf;
    --royalBlue: #4659e2;
    --redColor: #e25b46;
    --blueColor: #59a3bf;
    --yellowColor: #f2c138;
    --greenColor: #31ad52;
    /*新增顏色*/
    --manColor: #479dbf;
    --womanColor: #eb7d70;
    /* 按鈕 */
    --btn-cancel: #e05146;
    --btn-import: #8d59bf;
    /*--btn-secondary: #405ab9;*/
    --btn-secondary: #004d99;
    --btn-tertiary: #a14482;
    --btn-back: #3968a3;
    --btn-add: #3aa56e;
    --btn-download: #694fa5;
    --btn-other: #464646;
    --btn-save: #2f88b2;
    --btn-print: #b1466f;
    --linear_2: rgba(47, 75, 178, 0.2);
    --linear_3: rgba(47, 75, 178, 0.3);
    --linear_5: rgba(47, 75, 178, 0.5);
    /*新增顏色*/
    --manColor: #479DBF;
    --womanColor: #EB7D70;
    /*寬度*/
    --labelW: 6.5rem;
    --textboxW: calc(100% - var(--labelW));
    --searchInputW: calc(100% - var(--labelW) - 81px);
    --datepickerW: calc(100% - var(--labelW) - 5px);
    --numericW: calc(100% - var(--labelW) - 39px);
    --qryInputW: calc(100% - 93px);
    /*高度*/
    --inputHeight: 40px;
    /*距離*/
    --marginY: 16px;
    --marginX: 16px;
    /*弧度*/
    --borderR: 8px;
    /*欄位尺寸*/
    --line2: 715px;
    --line1: 345px;
    /*btn*/
    /*按鈕高*/
    --btnHPadding: calc((var(--inputHeight) - 30px) / 2);
    --btnWPadding: 12px;
    /*input*/
    --inputWPadding: 16px;
}

/*登入顏色*/

.login-body .leftContent {
  background: linear-gradient(
    -25deg,
    #759bb1 0%,
    #759bb1 45.5%,
    #edf1f3 45.6%,
    #edf1f3 100%
  );
}

.rightContent:after {
  filter: hue-rotate(30deg) brightness(0.9);

}

.login-body:after,
.login-main:after {
  filter: hue-rotate(30deg) brightness(0.95);
}

.mem:before,
.name:before,
.login-main:before {
  filter: hue-rotate(30deg);
}
.mem:before,
.login-body:before {
  filter: hue-rotate(30deg) brightness(0.9);
}
.name .b {
  fill: #2e5f7c;
  fill: var(--colorText);
}

@media (max-width: 891px), (min-width: 1024px) and (max-width: 1139px) {
  :root {
    --inputHeight: 46px;
  }
}