@charset "utf-8";

/* ===================================================================================================================
	基本設定
=================================================================================================================== */
.commerce-main {}



/*現在位置*/
.page-title-link li:last-child::after { width:0; height:0; }
@media (max-width:600px) {
	.page-title-link li:nth-child(0n+3), .page-title-link li:nth-child(0n+4) { display:none; }
	.page-title-link li:nth-child(0n+2)::after, .page-title-link li:nth-child(0n+3)::after { width:0; height:0; }
}

.bg1 { background:#dbf4fd; }
.bg2 { background:#f0f7f9; }

.bg1 td, .bg2 td { padding:10px 6px; }



/****刊登商品頁面 1 *****/
.accordion      { list-style:none; margin:0px 0px 0px; padding:0px; width:100%; }
.accordion > li { display:block; list-style:none; width:100%; }
.accordion > li > a {
	display:block;
	width:100%;
	padding:5px;
	margin:1px 0px 0px;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:10px;
	text-indent:10px;
	color:#fff;
	text-shadow:2px 2px 3px #222;
	background:#2767ad;
	position:relative;
}
.accordion > li > a.active { color:#ff0; }

.accordion .holder {
	padding:0 0.75rem;
	margin:0px;
	background:#ebf9fe;
	background:linear-gradient(to right, #ebf9fe, #eff9fe, #f5fbfe, #fafdfe, #f5fbfe, #eff9fe, #ebf9fe);
	/*border:solid 1px #c8e8f0;*/
}

.accordion .row { padding:3px 0; border-bottom:solid 1px #c8e8f0; }
.accordion .title { padding:5px 0; margin:2px 0; font-weight:bold; font-size:1.1em; text-align:center; background:#c8dcf2; }
.accordion .body { margin:2px 0; }

/****刊登商品頁面 0 *****/

/***** 按鈕 1 *****/


.offer_bg1 { background:#fff5ea; }
.offer_bg2 { background:#f1feeb; }
#page-body .post-media img { max-width:100%; }


.row1, .row2 { padding:10px; border:0;}

.qna-block.row1, .qna-block.row2 { border-radius:15px; }

.row1 { background:#f0fbff; }

.row2 { background:#fffcf0; }

.icon-off, .eye-on, .edit-on, .del-on, .up-on, .dw-on, .sync-on, .img-up, .img-dw { font-size:18px; line-height:1.25em; margin:0 2px; background:#fff; border-radius:0.625em; height:1.25em; box-shadow:0 1px 2px #aaa; cursor:pointer; text-shadow:none; }

.edit-on, .del-on, .sync-on { font-size:15px; border:solid 0.1em #fff; }
.img-up, .img-dw            { font-size:13px; width:1em; height:1em; line-height:1em; border-radius:0.5em; }

.icon-off        { color:#bbb; cursor:pointer; }
.eye-on          { color:#33f; cursor:pointer; }
.edit-on         { color:#0b0; cursor:pointer; }
.del-on          { color:#e00; cursor:pointer; }
.up-on, .dw-on   { color:#0af; cursor:pointer; }
.img-up, .img-dw { color:#09e; cursor:pointer; }
.sync-on         { color:#fa0; cursor:pointer; }
.border0         { border:0 }

/***************************************************************/



/**************** 動態出價框 1 *********************/
.buy-poppup .buy_block      { padding:15px; margin-bottom:10px; line-height:2.5; background:#efe; border-radius:10px; }
.buy-poppup .offer-title    { font-size:1.25rem; color:#066; }
.buy-poppup .cant_buy_block { padding:20px 5px; background:#fee; border-radius:5px; }
.buy-poppup .cant-title     { margin-bottom:1.5rem; font-weight:bold; font-size:1.25rem; color:#c00; }

#cboxTitle { font-size:1em !important; }
/**************** 動態出價框 0 *********************/


.search .btn          { border:1px solid #ccc; border-left:0; border-radius:0 5px 5px 0; background:#fff }




/* ===================================================================================================================
	商品基本資料
=================================================================================================================== */
.bg1 { background:#dbf4fd; }
.bg2 { background:#f0f7f9; }

.bg1 td, .bg2 td { padding:10px 6px; }

.offer-img, .room-icon { border:1px solid #ccc; padding:3px; background:#fff; max-width:100%; }

.offer-title { font-weight:bold; color:#39c; }
.offer-data-block .offer_data		{ font-size:1.15rem; }
.offer-data-block .offer-sub_title	{ font-size:1.1rem; color:#080; margin-bottom:0.5rem; }

.block-item-box.offer-data-block	{ background: #fff; }

.bider_block, .bider_block2	{ font-size:0.85em; vertical-align:2px; }
.city        { font-size:0.8em; color:#930; }

.mx-02em { margin-left:0.5em; margin-right:0.5em; } /*中文字 3字元 對齊 4字元*/










@media only screen and (max-width:575.9px) {
	.page-title-link li:nth-child(0n+3), .page-title-link li:nth-child(0n+4) { display:none; }
	.page-title-link li:nth-child(0n+2)::after, .page-title-link li:nth-child(0n+3)::after { width:0; height:0; }

}

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

@media only screen and (max-width:359.9px) {
	.s2-hidden					{ display:none !important; }
	.s2-block					{ display:block !important; }
	.s2-inline					{ display:inline !important; }
	.s2-inline-block			{ display:inline-block !important; }

	.bid-poppup .label_in		{ padding:0.8rem 0.1rem; }
}


@media only screen and (max-width:326px) { /*101 ~ 115%*/
	.bider_block			{ display:block; margin-left:5rem; }

	.bid-history .col-3			{ width:calc(100% / 3); }
	.bid-history .genmed		{ font-size:calc(1.0rem + 0.0vw); }

	.bid-poppup label			{ width:90%; margin:0.5rem 5%; }
	.bid-poppup .offer-title	{ font-size:calc(1.1rem + 0.0vw); line-height:1.4; }
	.bid-poppup .cant-title		{ font-size:calc(1.1rem + 0.5vw); line-height:1.4; }
	.bid-poppup .gen			{ font-size:calc(0.9rem + 0.3vw); }
	.bid-poppup .genmed			{ font-size:calc(1.0rem + 0.3vw); }
	.bid-poppup .coco_opt		{ font-size:calc(1.1rem + 0.3vw); padding:1vw 1.3vw; }
	.bid_now					{ font-size:calc(1.0rem + 0.5vw); padding:2vw 5vw; }

	.s3-hidden					{ display:none !important; }
	.s3-block					{ display:block !important; }
	.s3-inline					{ display:inline !important; }
	.s3-inline-block			{ display:inline-block !important; }
}

@media only screen and (max-width:300px) { /*116 ~ 125 %*/
	.bider_block			{ margin:0; text-align:center; }
	.bider_block2			{ margin:0; text-align:center; }

	.bid-history .genmed		{ font-size:calc(0.9rem + 0.2vw); }

	.bid-poppup .offer-title	{ font-size:calc(1.0rem + 0.5vw); line-height:1.35; }
	.bid-poppup .gen			{ font-size:calc(0.9rem + 0.0vw); }
	.bid-poppup .genmed			{ font-size:calc(1.0rem + 0.0vw); }
	.bid-poppup .coco_opt		{ font-size:calc(1.0rem + 0.3vw); }
	.bid_now					{ font-size:calc(1.0rem + 0.2vw); padding:3vw 5vw; margin:3vw; }

	.s4-hidden					{ display:none !important; }
	.s4-block					{ display:block !important; }
	.s4-inline					{ display:inline !important; }
	.s4-inline-block			{ display:inline-block !important; }
}

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

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

	.bid-poppup label			{ width:100%; margin:0.5rem 0; }
	.bid-poppup .offer-title	{ font-size:calc(1.0rem + 0.0vw); line-height:1.3; }
	.bid-poppup .gen			{ font-size:calc(0.8rem + 0.3vw); }
	.bid-poppup .genmed			{ font-size:calc(0.9rem + 0.3vw); }
	.bid-poppup .coco_opt		{ font-size:calc(0.9rem + 0.5vw); }
	.bid_now					{ font-size:calc(0.9rem + 0.8vw); padding:2vw 6vw; margin:2vw; }

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

@media only screen and (max-width:214px) { /*151 ~ 175 %*/
	.bid-poppup .offer-title	{ font-size:calc(0.9rem + 0.5vw); line-height:1.2; }
	.bid-poppup .gen			{ font-size:calc(0.8rem + 0.5vw); }
	.bid_now					{ font-size:calc(0.9rem + 0.3vw); }

	.mx-02em { margin-left:0; margin-right:0; } /*中文字 3字元 對齊 4字元*/
	.s6-hidden					{ display:none !important; }
	.s6-block					{ display:block !important; }
	.s6-inline					{ display:inline !important; }
	.s6-inline-block			{ display:inline-block !important; }
}

@media only screen and (max-width:188px) { /*175 ~ 200 %*/
	.s7-hidden					{ display:none !important; }
	.s7-block					{ display:block !important; }
	.s7-inline					{ display:inline !important; }
	.s7-inline-block			{ display:inline-block !important; }
}

@media only screen and (max-width:181.9px) { /*200 ~ 250 %*/
	.s8-hidden					{ display:none !important; }
	.s8-block					{ display:block !important; }
	.s8-inline					{ display:inline !important; }
	.s8-inline-block			{ display:inline-block !important; }
}