@charset "utf-8";

/*font*/
@font-face {
  font-family: "Noto Sans SemCond Thin";
  src: url(../fonts/NotoSans-SemiCondensedThin.ttf);
}
@font-face {
  font-family: "Noto Sans Light";
  src: url(../fonts/NotoSans-Light.ttf);
}
@font-face {
  font-family: "Noto Sans Thin";
  src: url(../fonts/NotoSans-Thin.ttf);
}
@font-face {
  font-family: "Noto Sans CJK TC Thin";
  src: url(../fonts/NotoSansCJKtc-Thin.otf);
}
@font-face {
  font-family: "Noto Sans CJK TC Light";
  src: url(../fonts/NotoSansCJKtc-Light.otf);
}
@font-face {
  font-family: "Noto Sans CJK TC DemiLight";
  src: url(../fonts/NotoSansCJKtc-DemiLight.otf);
}

button, a, input{
outline:none !important;
}
/* brand system css*/

body::-webkit-scrollbar {/*整體的scrollbar樣式*/
    width: 0.5em;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.0);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.0);
}
body::-webkit-scrollbar-thumb { /*bar的樣式*/
  background-color: #5c3d81; 
  /*outline: 1px solid slategrey; bar 底色*/
  background-image: -webkit-linear-gradient(45deg, /*情角*/
  rgba(92, 61, 129, 1) 50%, /*第一段上方間變 25%*/
  transparent 25%, transparent 50%, /*第一段下方間變*/
  rgba(92, 61, 129, 1) 25%, /*第二段上方間變*/
  rgba(92, 61, 129, 1) 25%, transparent 25%, transparent 50%)/*第二段下方間變*/
}
#Loader {
  width: 150px;
  height: 150px;
  margin: -30px 0 0 -30px;
  border: 3px solid #fff;
  border-radius: 50%;
  border-top: 3px solid #5c3d81;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#LoaderPic {
  background:url(../images/logo.png) no-repeat;
}
#LoaderBG{
  background-color:rgba(92,62,129,1);
  background: linear-gradient(to bottom right,#fff,#8565ac);
}
body{
	background-image: url(../images/loginBg.png);
    background-repeat: no-repeat;
    background-position: left; 
	display: flex; justify-content: center; align-items: center; 
	min-height: 100vh;
}
.login{
	padding: 0 !important; margin: 0 !important;
	
}
.login h1{display: none;}
.login p{
    display: block; 
	width: 400px; height: 240px;
	border: 0px solid;
    background-image: url(../images/loginBtn.svg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 50em auto; 
}
.login p{padding-top: 12em;}
.login p button[type=button]{
	width: auto !important;
	width: 100% !important;
	height: 60px !important;
	border: 0px solid #000;
	bottom: 0; 
	background-color: transparent;
	outline: none;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1152px) {}
@media screen and (max-width: 1024px) {}