@media (max-width: 1100px) {
	body,html{
		padding:0;
		margin:0;
		height:100%;
		width:100%;
		max-width:360px;
		font-family:Arial;
		background:#fafafa;
	}
	
	div.wrap{
		width:100%;
		max-width:360px;
	}

	div.panel{
		width:100%;
		max-width:360px;
		background:black;
		padding:5px 0;
	}
	div.panel h1{
		text-align:center;
		margin:5px 0;
		font:bold 12pt Verdana;
		color:#fff;
	}
	div.panel a{
		display:block;
		padding:5px 0;
		text-align:center;
		background:#333;
		font:bold 12pt Verdana;
		text-decoration:none;
		color:#0297FF;
	}
	div.panel a:hover{
		background:white;
	}
	
	div.panel a.spec h1:hover{
		color:#0297FF;
	}
	
	div.panel span.lastupdate{
		color:#0297FF;
		font-size:14px;
		font-style:italic;
	}

	span#errmsg{
		display:none;
		padding-left:120px;
		color:#f00;
		font:bold 12pt Verdana;
		font-style:italic;
	}

	div.form{
		width:100%;
		max-width:340px;
		padding-left:20px;
	}
	
	div.attribute{
		border-bottom:1px solid #ccc;
		padding-bottom:10px;
		margin-bottom:20px;
	}
	
	div.line{
		width:100%;
		max-width:340px;
		min-height:24px;
		padding:0;
	}

	div.line label{
		display:block;
		width:100%;
		max-width:340px;
	}
	
	div.line label.empty{
		display:none;
	}
	
	div.line select{
		display:block;
		width:100%;
		max-width:310px;
		margin:0 20px 10px 20px;
	}

	div.line input[type='number']{
		display:block;
		width:100%;
		max-width:280px;
		margin:0 20px 0 0;
		outline:0;
		float:right;
	}

	div.line span{
		display:block;
		margin:2px 0 0 20px;
		font-weight:bold;
		color:blue;
		width:20px;
		float:right;
	}

	div.line a.setlink{
		width:100%;
		max-width:320px;
		display:block;
		padding:2px 0 3px 0;
		color:#0297FF;
		text-decoration:none;
		font:bold 12pt Verdana;
		float:left;
	}
	div.line a.setlink:hover{
		text-decoration:underline;
	}

	div.line a.remsavelink{
		display:block;
		padding:2px 0 3px 0;
		color:red;
		text-decoration:none;
		font:bold 12pt Verdana;
		float:left;
	}

	div.line a.remsavelink:hover{
		text-decoration:underline;
	}

	div.buttons input{
		width:100%;
		max-width:320px;
		height:24px;
		margin:5px;
		font:bold 10pt Verdana;
		color:#0297FF;
	}

	div.buttons input[type='submit']{
		font:bold 12pt Verdana;
		height:32px;
		color:green;
	}


	div.item{
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		align-items:flex-start;
		border:2px solid #ccc;
		border-radius:7px;
		margin:10px;
		width:100%;
		max-width:320px;
		font:10pt Verdana;
		position:relative;
		padding:10px 10px 50px 10px;
	}
	div.item img:not(.copy){
		width:60px;
	}

	div.item img.copy {
		margin: 0 5px;
		height: 20px;
		width: 16px;
		cursor: pointer;
	}
	
	div.item div.desc{
		width:100%;
		padding-left:20px;
	}

	div.item div.desc h3{
		margin:0 0 10px 0;
	}

	div.item div.desc h4{
		margin:5px 0;
	}

	div.item div.desc span{
		display:block;
		font-size:10pt;
		font-style:italic;
		margin-bottom:10px;
	}
	div.time{
		margin:5px 0 0 13px;
	}

	div.bid, div.buyout{
		font:16pt Verdana;
		color:blue;
		float:left;
		width:200px;
		position:absolute;
		bottom:10px;
	}

	div.bid{
		left:0;
	}

	div.buyout{
		left:200px;
	}
	#list{
		min-width:550px;
	}
	#q_filter{
		font-size:16px;
		width:300px;
		margin:0 0 10px 20px;
	}
	
	#q_filter, #q_filter option{
		font-weight:bold;
	}
	#only_buyout{
		margin:0 0 10px 20px;
	}
	
	label[for='only_buyout']{
		font-size:16px;
		cursor:pointer;
		font-weight:bold;
		margin-left:5px;
	}
	
	label[for='only_buyout']:hover{
		color:#0297FF;
	}
	
	#count_all{
		margin:0 0 10px 20px;
		font-size:16px;
		font-weight:bold;
	}

/*************************/
.cssload-loader {
	position: relative;
	left: calc(50% - 90px);
	width: 180px;
	height: 180px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 2700px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 2.2s linear infinite;
		-o-animation: cssload-rotate-one 2.2s linear infinite;
		-ms-animation: cssload-rotate-one 2.2s linear infinite;
		-webkit-animation: cssload-rotate-one 2.2s linear infinite;
		-moz-animation: cssload-rotate-one 2.2s linear infinite;
	border-bottom: 10px solid rgb(2,151,255);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 2.2s linear infinite;
		-o-animation: cssload-rotate-two 2.2s linear infinite;
		-ms-animation: cssload-rotate-two 2.2s linear infinite;
		-webkit-animation: cssload-rotate-two 2.2s linear infinite;
		-moz-animation: cssload-rotate-two 2.2s linear infinite;
	border-right: 10px solid rgb(2,151,255);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 2.2s linear infinite;
		-o-animation: cssload-rotate-three 2.2s linear infinite;
		-ms-animation: cssload-rotate-three 2.2s linear infinite;
		-webkit-animation: cssload-rotate-three 2.2s linear infinite;
		-moz-animation: cssload-rotate-three 2.2s linear infinite;
	border-top: 10px solid rgb(2,151,255);
}







@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
/*************************/
}