<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">	  html,
	  body {
	  	margin: 0;
	  	padding: 0;
	  	background: linear-gradient(135deg, #044f48, #2a7561);
	  	background-size: cover;
	  	font-family: "Microsoft JhengHei", sans-serif;
	  	color: white;
	  	width: 100vw;
	  	height: 100vh;
	  	display: flex;
	  	align-items: center;
	  	justify-content: center;
	  }

	  input:-webkit-autofill,
	  textarea:-webkit-autofill,
	  select:-webkit-autofill {
	  	-webkit-text-fill-color: white !important;
	  	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	  	background-color: transparent;
	  	background-image: none;
	  	transition: background-color 50000s ease-in-out 0s;
	  }

	  .login-div {
	  	position: fixed;
	  	left: 50%;
	  	top: 50%;
	  	transform: translate(-50%, -50%);
	  	border-radius: 40px;
	  	overflow: hidden;
	  	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
	  	background: rgba(0, 0, 0, 0.5);
	  	width: 90vw;
	  	height: 90vh;
	  	z-index: 10;
	  }

	  .bg {
	  	width: 100vw;
	  	height: 100vh;
	  	top: 0;
	  	left: 0;
	  	z-index: 1;
	  	background: url("https://cdn.zhaios.cloud/toolbox/photo-1451186859696-371d9477be93.jpg") no-repeat 0 0;
	  	filter: blur(80px);
	  	transform: scale(1);
	  }

	  .logo {
	  	margin: 40px 0 20px 0;
	  	width: 100%;
	  	text-align: center;
	  	height: auto;
	  }

	  .logo img {
	  	width: 200px;
	  	height: auto;
	  }


	  a {
	  	text-decoration: none;
	  	color: #ffffff;
	  	font-family: sans-serif;
	  }

	  .title {
	  	width: 100%;
	  	height: 80px;
	  	line-height: 80px;
	  	text-align: center;
	  	font-weight: 700;
	  	font-size: 25px;
	  }


	  .sub-title {
	  	width: 100%;
	  	height: 38px;
	  	text-align: center;
	  	font-size: 15px;
	  }

	  .fields {
	  	width: 90%;
	  	margin: 0 auto;
	  	height: auto;
	  }

	  .fields input {
	  	width: 100%;
	  	height: 70px;
	  	border: none;
	  	outline: none;
	  	background: none;
	  	font-size: 18px;
	  	letter-spacing: 5px;
	  	color: white;
	  }

	  .phonenumber,
	  .verification {
	  	width: 100%;
	  	height: 70px;
	  	margin-bottom: 25px;
	  	border-radius: 20px;
	  	box-shadow: inset 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.5), inset -0.2rem -0.2rem 0.5rem #FFFFFF;
	  	display: flex;
	  }

	  .phonenumber .item:first-child {
	  	width: 50px;
	  	height: 70px;
	  	line-height: 90px;
	  	text-align: center;
	  }

	  ion-icon {
	  	font-size: 30px;
	  }

	  .phonenumber .item:last-child {
	  	flex: 1;
	  }


	  .verification .item:nth-child(1) {
	  	width: 50px;
	  	height: 70px;
	  	line-height: 90px;
	  	text-align: center;
	  }

	  .verification .item:nth-child(2) {
	  	flex: 1;
	  }

	  .verification .item:nth-child(3) {
	  	width: 140px;
	  	text-align: right;
	  }

	  .verification .button {
	  	width: 100%;
	  	height: 70px;
	  	line-height: 70px;
	  	text-align: center;
	  	cursor: pointer;
	  	border-radius: 20px;
	  	font-size: 18px;
	  	color: #FFF;
	  	background-color: #02c8db;
	  	box-shadow: 0 0 3px #b1b1b1,
	  		-0 -0 3px #fff;
	  }


	  .subFields {
	  	width: 90%;
	  	height: auto;
	  	margin: 0 auto;
	  }

	  .tel-error {
	  	color: #ffffff;
	  	font-size: 18px;
	  	display: none;
	  	width: 100%;
	  	font-family: "Lato", sans-serif;
	  }

	  .signin-button {
	  	width: 100%;
	  	margin: 0 auto;
	  	height: 70px;
	  	line-height: 70px;
	  	margin-top: 20px;
	  	cursor: pointer;
	  	border-radius: 20px;
	  	font-size: 20px;
	  	font-weight: 700;
	  	font-family: "Lato", sans-serif;
	  	color: #fff;
	  	text-align: center;
	  	background-color: #02c8db;
	  	box-shadow: 0 0 3px #b1b1b1,
	  		-0 -0 3px #fff;
	  	transition: all 0.5s;
	  }

	  .signin-button:hover {
	  	background-color: #50e5b9;
	  }

	  .signin-button:active {
	  	background-color: #88ef9e;
	  }




	  .link {
	  	width: 100%;
	  	text-align: center;
	  	height: 50px;
	  	line-height: 50px;

	  }

	  .link a {
	  	text-decoration: none;
	  	color: #aaa;
	  	font-size: 15px;
	  }



	  input[type=checkbox] {
	  	position: relative;
		width: 20px;
		height: 20px;
		margin: 0;
		margin-right: 10px;
	  }


	  .shake {
	  	animation-delay: 0s;
	  	animation-name: shake;
	  	animation-duration: .1s;
	  	animation-iteration-count: 3;
	  	animation-direction: normal;
	  	animation-timing-function: linear;
	  }

	  @keyframes shake {
	  	0% {
	  		right: 5px;
	  		left: 0;
	  	}

	  	100% {
	  		right: 0;
	  		left: 5px;
	  	}
	  }</pre></body></html>