@charset "UTF-8";
.shopping_viewlogin{
	margin: 0 auto;
	width: 90%;
	max-width: 440px;
}

.shopping_viewlogin__head{
	margin: 30px 0;
	padding: 30px 0;
	text-align: center;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
.shopping_viewlogin__h1{
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 24px;
	font-weight: 800;
}
.shopping_viewlogin__intro{
	font-size: 13px;
}

.shopping_viewlogin__body{
	margin: 30px 0;
	min-height: 256px;
}
.shopping_viewerrormsg{
	text-align: center;
	font-weight: 700;
	color: red;
}
.shopping_viewlogin__submit{
	width: 100%;
	margin: 15px 0;
	padding: .75em;
	line-height: 1.42857143;
	color: #fff;
	background: #555;
	outline: 0;
	border: 0;
	border-radius: 4px;
	transition: all .25s;
}
.no-touch .shopping_viewlogin__submit:hover{
	background: #222;
}
.shopping_viewlogin__member{
	text-align: center;
	font-size: 13px;
	user-select: none;
}
.go2member{
	margin: 0 0 0 3px;
}

.shopping_viewlogin__foot{
	margin: 30px 0;
	padding: 30px 0;
	border-top: #ddd 1px solid;
}
.form-error-msg{
	margin: 0.2em 0;
	font-size: 12px;
	color: red;
}


/*查詢中*/
#shopping_viewlogin_form.processing{
	cursor: progress;
	animation: shine .8s 1s infinite;
}
@keyframes shine{
	0%{opacity: 1;}
	50%{opacity: 0.6;}
	100%{opacity: 1;}
}
#shopping_viewlogin_form.processing .form-control{
	background-color: #eee;
	pointer-events: none;
}
#shopping_viewlogin_form.processing .shopping_viewlogin__submit{
	background: #ccc;
	pointer-events: none;
}


/*查詢結果列表頁*/
.year-container{
	float: right;
    margin: 10px 0;
}
#qqyear{
	padding: .25em .75em;
}

@media (max-width:767px){
	#shopping_viewlogin_resultlist .css-table .tr{
		display: block;
		border: #ddd 1px solid;
		padding: 15px;
		margin: 15px 0;
		border-radius: 5px;
		text-align: left;
	}
	#shopping_viewlogin_resultlist .css-table .td{
		display: block;
		padding: 2px;
		font-size: 15px;
	}
	#shopping_viewlogin_resultlist .css-table .td[data-title]:before{
		content: attr(data-title) "：";
	}
	#shopping_viewlogin_resultlist .css-table .td1 a+div{ display: none!important}


}