.loading{
	position:relative;
}

.loading::before, 
.loading::after{
	content:'';
	position:absolute;
}

.loading::before{
	background-color:rgba(255, 255, 255, 0.5);
	width:100%;
	height:100%;
	z-index:2;
}

.loading::after{
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	background-size:cover;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOmF1dG87ZGlzcGxheTpibG9jazsiIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4NCjxnIHRyYW5zZm9ybT0icm90YXRlKDAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0xLjE0NTgzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0xLjA0MTY2NjY2NjY2NjY2NjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNjAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjkzNzQ5OTk5OTk5OTk5OTlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjgzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIxMCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzIwNEY5RiI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS4yNXMiIGJlZ2luPSItMC43MjkxNjY2NjY2NjY2NjY1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4NCiAgPC9yZWN0Pg0KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE1MCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMTAiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjYiIGhlaWdodD0iMTYiIGZpbGw9IiMyMDRGOUYiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuMjVzIiBiZWdpbj0iLTAuNjI0OTk5OTk5OTk5OTk5OXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjUyMDgzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjEwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIxMCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzIwNEY5RiI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS4yNXMiIGJlZ2luPSItMC40MTY2NjY2NjY2NjY2NjY2M3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNDAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjMxMjQ5OTk5OTk5OTk5OTk0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4NCiAgPC9yZWN0Pg0KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI3MCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMTAiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjYiIGhlaWdodD0iMTYiIGZpbGw9IiMyMDRGOUYiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuMjVzIiBiZWdpbj0iLTAuMjA4MzMzMzMzMzMzMzMzMzFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzAwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIxMCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzIwNEY5RiI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS4yNXMiIGJlZ2luPSItMC4xMDQxNjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMzAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+DQo8L3N2Zz4=');
	z-index:3;
}

body.woo-guest .woocommerce-notices-wrapper{
	width:100%;
	max-width:480px;
	margin:0 auto 35px;
}

#customer_login{
	width:100%;
	max-width:480px;
	margin:auto;
	font-size:1rem;
}

#customer_login > div{
	display:none;
	padding:15px 30px;
	box-sizing:border-box;
}

#customer_login[data-type="login"] > div.u-column1{
	display:block;
}

#customer_login[data-type="register"] > div.u-column2{
	display:block;
}

#customer_login form{
	display:flex;
	flex-wrap:wrap;
}

#customer_login input, 
#customer_login select{
	margin:0;
}

#customer_login input[type="text"], 
#customer_login input[type="email"]{
	font-size:1rem;
	border:none;
	background-color:#EEE;
}

#customer_login .required{
	font-size:1rem;
	color:#C00;
	font-weight:900;
}

#tab-switcher{
	display:flex;
	margin-bottom:30px;
}

#tab-switcher > p{
	margin:0;
	padding:5px 0;
	text-align:center;
	border-bottom:solid 5px #CCC;
	flex:1;
	cursor:pointer;
}

#tab-switcher > p.active{
	border-bottom-color:var(--site-primary-button-color);
}

#customer_login > h3{
	text-align:center;
}

#customer_login[data-type="login"] > h3::before{
	content:'會員登入';
}

#customer_login[data-type="register"] > h3::before{
	content:'會員註冊';
}

#customer_login .--row-left, 
#customer_login .--row-right{
	flex-basis:50%;
	display:flex;
	flex-wrap:wrap;
}

#customer_login .--row-full{
	flex-basis:100%;
	display:flex;
	flex-wrap:wrap;
	gap:0 10px;
}

#customer_login select{
	flex:1;
}

#customer_login label{
	padding:0;
	margin:0;
}

#customer_login label[data-type="title"]{
	flex-basis:100%;
	margin-bottom:10px;
	font-size:1rem;
}

#customer_login label[data-type="title"]~label{
	margin-right:15px;
}

#customer_login p.password-field{
	display:none;
}

#customer_login .password-field.active{
	display:flex;
}

#auth-count{
	margin-top:10px;
	text-align:center;
	font-size:.9rem;
	flex-basis:100%;
}

#auth-count > i{
	font-style:normal;
	color:#C00;
	font-weight:600;
}

p.woocommerce-LostPassword{
	justify-content:center;
}

.woocommerce-form-login__rememberme{
	text-align:center;
}

#customer_login .--row-full .woocommerce-form-login__rememberme{
	margin-bottom:30px;
}

#customer_login .woocommerce-form-login__submit, 
#customer_login .woocommerce-form-register__submit{
	margin:auto;
	display:block;
}

#twzipcode{
	display:flex;
	flex-basis:100%;
	gap:10px;
}
#twzipcode > div{
	flex:1;
}
#twzipcode > input[name="reg_zipcode"]{
	display:none;
}

#customer_login button.woocommerce-button{
	font-size:1rem;
}

button.woocommerce-button[data-type="send"]::before{
	content:'發送驗證碼';
}

button.woocommerce-button[data-type="sent"]::before{
	content:'送出驗證碼';
}

button.woocommerce-button[data-type="send-again"]::before{
	content:'再次發送驗證碼';
}