@import url('https://fonts.googleapis.com/css?family=Noto+Sans+HK|Noto+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');

html,
body,
#root,
.app,
.content {
  height: 100%;
  width: 100%;
  font-family: "Noto Sans HK", "Noto Sans SC";
}

.page-grey {
  filter: grayscale(100%);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* body{
    padding-top: 53px;
    font-family: 微軟正黑體;
} */
/* main{
    padding-top: 43px;
} */

img
{
  -webkit-transition: all 0.2s
}
/*Filter styles*/
.saturate {-webkit-filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%)  brightness(1.5);}
.contrast {-webkit-filter: contrast(10%);}
.brightness {-webkit-filter: brightness(1.2);}
.blur {-webkit-filter: blur(3px);}
.invert {-webkit-filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%);}

img:hover{-webkit-filter:none;}


a:link {
  color: #1890ff;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #1890ff;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #1890ff;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: #1890ff;
  background-color: transparent;
  text-decoration: none;
}

/* iframe#webpack-dev-server-client-overlay{display:none!important} */