/*------------------------------登入會員中心------------------------------*/
/*登入區*/
.login{
}
/*狀態-已登入*/
.login--signedin{
}
/*phone觸發按鈕*/
.login__trigger {
	/* width: 42px; */
	text-align: center;
	top: 0;
	z-index: 1;
	float: right;
}
/*phone觸發按鈕-已觸發*/
.login--open .login__trigger,
.login__trigger:active {
	color: #002852;
	color: var(--blue-main, #002852);
}
/* 已登入-觸發按鈕 */
.login--signedin .login__trigger{
}
/*phone觸發-icon*/
.login__icon-trigger {
}
/*未登入區*/
.login__user{
	display: none;
}
/*使用者選單-*/
.nav-user{
	padding: 0;
	list-style: none;
	margin: 0;
}
/*使用者選單-項目*/
.nav-user__item{
}
/*使用者選單-連結*/
.nav-user__link{
}
/*已登入區*/
.login__member {
	position: fixed;
	top: 44px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
	z-index: -1;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	transition: background .3s;
	background: rgba(0,0,0,0);
	pointer-events: none;
}
/*下拉選單區-開啟*/
.login--open .login__member {
	z-index: 10;
	background: rgba(0,0,0,.6);
	pointer-events: auto;
}
/*歡迎文字*/
.login__member-welcome{
	display: none;
}
/*會員選單*/
.nav-member {
	padding: 0;
	margin: 0 0 0 15%;
	background: #fff;
	min-height: 100%;
	text-align: center;
	font-size: 14px;
	-webkit-transition: transform .35s;
	-moz-transition: transform .35s;
	transition: transform .35s;
	transform: translateX(100%);
}
.login--open .nav-member {
	transform: translateX(0);
}
/*會員選單-項目*/
.nav-member__item {
	border-bottom: 1px solid #e0e0e0;
}
/*會員選單-連結*/
.nav-member__link {
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	line-height: 1.4;
	padding: 1.2em 10px;
	color: #555;
}
/*會員選單-數字*/
.nav-member__msg{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #eee;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
	margin: -4px 0 0 5px;
	line-height: 20px;
	display: none;
	position: relative;
}
.nav-member__link:active {
	/* color: #eee; */
	background: #fff;
}
.nav-member__phone-verify {
	position: absolute;
}

/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 css。*/
@media screen and (min-width: 1024px) {
	.login {
		float: right;
	}
	.login__trigger {
		float: none;
	}
	.login__member {
		display: none;
	}
}