@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

@font-face {
	font-family:'Pigeon-font';
	src:url('../../index/fonts/Pigeon-font-Regul.ttf');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

@font-face {
	font-family:'Pigeon-font';
	src:url('../../index/fonts/Pigeon-font-Bold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
	font-display:swap;
}

@font-face {
	font-family:'Source Han Sans';
	src:url('../../index/fonts/SourceHanSansCN-Regular.ttf');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

@font-face {
	font-family:'Source Han Sans';
	src:url('../../index/fonts/SourceHanSansCN-Medium.ttf');
	font-weight:bold;
	font-style:normal;
	font-display:swap;
}



/*====================================================================
 css 歸零
=====================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}

body { line-height:1; }

ol, ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

:focus { outline:0; }

ins { text-decoration:none; }

del { text-decoration:line-through; }

table { border-collapse:collapse; }





/*====================================================================
iframe 使用
┌──────────────────────
│	目前出價：
│	出價次數：
│	時間剩餘：
│	按鈕1 按紐2
└──────────────────────

┌──────────────────────
│
│	出價紀錄表格
│
└──────────────────────
=====================================================================*/

html, body {
	padding:0;
	margin:0;
}

body {
	font-family:'Pigeon-font', 'Source Han Sans', sans-serif;
	font-size:16px;
	line-height:1.5;
}

a {
	font-size:0.9em;
	color:#039;
	text-decoration:none;
}

::-webkit-scrollbar-track { background:#d6e7ff; }
::-webkit-scrollbar       { width:0.5em; height:0.5em; }
::-webkit-scrollbar-thumb { background:#aeddfd; border-radius:0.5em; }

.offer_data	{ font-size:1.15rem; }
.fs-5		{ font-size:1.25rem; }
.coco		{ font-family:'Lato', sans-serif; }
.time		{ color:#c00; }
.color-c00	{ color:#c00; }
.color-036	{ color:#036; }
.mt-3		{ margin-top:1rem; padding-bottom:0.25rem; }
.city		{ font-size:0.8em; color:#930; }
a.rating	{ font-size:0.8em; color:#fff;  background:#169; padding:1px 3px; border-radius:3px; }

/*商品資料*/
.buy, .view, .buy_over {
	display:inline-block;
	padding:10px 15px;
	margin:5px;
	font-weight:bold;
	font-size:1.1rem;
	color:#fff;
	white-space:nowrap;
	text-shadow:1px 1px 1px #000;
	border:2px solid #fff;
	border-radius:5px;
	box-shadow:0 0 2px #555;
	cursor:pointer;
	position:relative;
	z-index:2;
}
.buy			{ background:#c00; }
.view			{ background:#072; }
.buy_over		{ background:#aaa; cursor:not-allowed; }
.buy:hover, .view:hover { color:#ff0; box-shadow:1px 1px 5px #333; }

.bider_block, .bider_block2	{ font-size:0.85em; vertical-align:2px; }


/*出價紀錄*/
.history		{ width:100%; display:table; list-style-type:none; padding:0; margin:0; }
.history.bg1	{ background:#f7fcfd; }
.history.bg2	{ background:#fdfbf7; }
.history:hover	{ background:#fdfacc; }

.history_td		{
	display:table-cell;
	padding:0.8vw 0.5vw;
	vertical-align:middle;
	text-align:center;
	border-bottom:solid 1px #eee;
}

.bider a	{ font-size:1.0rem; }
.auto_bid	{ color:#909; white-space:nowrap; font-size:0.875rem; }
.bid_time	{ font-size:0.875em; }


@media only screen and (max-width:521px) {
	.history .bider a		{ font-size:0.95rem; }
	.history .city			{ display:block; }
	.history .auto_bid		{ display:block; }
}

@media only screen and (max-width:344.9px) {
	.bider_block2			{ display:block; margin-left:5rem; }
}

@media only screen and (max-width:296px) { /*101 ~ 115%   326-30=*/
	.bider_block			{ display:block; margin-left:5rem; }
	.s3-hidden				{ display:none !important; }
	.history_td				{ width:calc(100% / 3) !important; }
}

@media only screen and (max-width:270px) { /*116 ~ 125%   300-30=*/
	.bider_block			{ margin:0; text-align:center; }
	.bider_block2			{ margin:0; text-align:center; }
	.s4-hidden				{ display:none !important; }
}

@media only screen and (max-width:240px) {
	.view, .buy, .buy_over	{ font-size:1.08rem; padding:0.4em 0.6em; margin:0.3em 0.3em; }

	.history				{ border-bottom:solid 1px #eee; }
	.history_td				{ display:block; width:99% !important; border:0; text-align:left; text-indent:3px; }
	.history .city			{ display:inline; }
	.history .auto_bid		{ display:inline; }
	.history .coco			{ text-indent:1rem; }
	.history .bid_time		{ text-align:right; }
 }

@media only screen and (max-width:220px) { /*126 ~ 150%   250-30=*/
	.view, .buy, .buy_over	{ font-size:1.05rem; padding:0.4em 0.35em; margin:0.3em 0.1em; }

	.s5-hidden				{ display:none !important; }
}

@media only screen and (max-width:184px) { /*151 ~ 175%   214-30=*/
	.s6-hidden				{ display:none !important; }
}