@charset "utf-8";


button, a, input{
outline:none !important;
}

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-size:cover auto;
	display: flex; justify-content: center; align-items: center;
	max-height: 100vh;
}


.contact{
	margin-top: 3em;
	border: 0px solid; 
    width: 40em; 
    height: 20em;
    background-image: url(../images/admin_login.svg);
	background-size: 40em auto; 
    background-repeat: no-repeat;
    background-position: 5em; 
	display: flex; justify-content: flex-end;
}

.contact button[type=button] {
	display: block;
    width: 15em; 
    height: 11em;
	margin-top: 3em;
    background-image: url(../images/loginBtn.svg);
    background-repeat: no-repeat;
    background-position: 0% 0% ; 
    background-size: 11em auto; 
	box-shadow: inset 0 0 0 rgba(8,112,103,0); 
	box-shadow: none;
	border: 0px solid #000;
	border-radius: 0;
	background-color: transparent;
}




@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 1366px) { /*web mode*/
    .logingbut{
    margin-top:6.7em; margin-left: 52.5em;
}
    .login{margin-top:18%;}
}
@media screen and (max-width: 1152px) { /*web mode*/
    .logingbut{
    margin-top:6.7em; margin-left:37.5em;}
    .login{margin-top:20%;}
}