@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 loading 下載 logo 轉場動畫*/
#Loader{
	display:none ;
	position: absolute;
    width: 150px;
    height: 150px;
	animation-name: flash;
	border-radius: 75px;
	-webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
	border-radius: 75px;
	border: 2px solid #f2f2f2;
    border-top: 1px solid #b52222;
}
#LoaderPic{
	display: none;
    position: absolute;
	width: 150px;
    height: 150px;
    background-repeat: no-repeat;
	background-image:url(../images/logo.svg);
    background-size: 150px auto;
	
}
#LoaderBG{
	display: none;
	width:100%;
	position:absolute;
	opacity:0.8;
	top:0px;
	left:0px;
    background-color:rgba(255,255,255,0.6); /*下載 下載背景 loadingbg*/
}



body{
	margin: 0 !important;
	background-image: url(../images/loginBg.png);
	background-size: cover;
    background-repeat: no-repeat;
}

.contact{
	margin-top: 10em;
	border: 0px solid;
	display: grid;
    place-content: center;
}

.contact button[type=button] {
	display: block;
    width: 18em; 
    height: 18em;
    background-image: url(../images/admin_login.svg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 18em 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;
	transition: 0.5s;
}
.contact button[type=button]:hover{
	width: 19em; 
    height: 19em;
    background-image: url(../images/admin_login_d.svg);
    background-size: 16em auto;
	
	transition: 0.5s;
	animation: spin 2s linear infinite;
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-name: flash;
}

.contact p{
	position: absolute;
	width: 99.9%;
	bottom: 0;
	display: block;
    height: 10em;
    background-image: url(../images/company.svg);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 20em auto; 
	border: 0px solid;
}



@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%;}
}