@charset "utf-8";
/* CSS Document */

.bid_deadline{
margin-top:10px;
text-align:center;
font-size:14px;
font-weight:700;
display:block;
letter-spacing:2px;
}


.bid_rank{
margin-top:-22px;
margin-left:8px;width:38px;
}
.bid_qty {
  position: absolute;
  height: 8px;
  right: 10px;
  font-size: 7px;
  line-height: 10px;
  color: #ff4001;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.bid_cart {
    margin: 0;
    padding: 5px 20px ;

  }
  
.bid_checkout {
  float: center;
  border: 0;
  margin: 10px 3px;
  background-color: #ffa800;
  padding:12px ;
  color: #222;
  font-size: 16px;
  border-radius: 6px;
  width:100%;

}

.bid_checkout:hover {
  float: center;
  border: 0;
  margin: 10px 3px;
  background-color: #fc7116;
  padding:12px ;
  color: #222;
  font-size: 16px;
  border-radius: 6px;
  width:100%;
}
.clock{
width:100%;
background-color:#000;
font-size:20px;
padding:15px 0 12px 0;
text-align:center;
color:#fc7116;
font-weight:500;
letter-spacing:2px;
}


.outline{
background-color:#fce6bc;
padding:7px;
font-size:13px;
width:auto;
margin:0 15px 5px 0;
text-align:right;
float:right;
display:block;
}

slash{
padding:0 5px;
}


.main_funtion
{
background-color:#ddd;
padding: 15px;
margin-bottom:10px;
}

.funtion_btn{
color:#000;
font-size:16px;
text-align:right;
cursor:pointer;
border:#00549e solid 0px;
letter-spacing:0.2px;
background-color:#ddd;

}

.bid_tip_main_16 { /* 產品文字頁籤 */
    font-size:16px;
	color:#000;
	line-height: 30px;
	padding:0 15px;
	letter-spacing:0.3px;
 }

/* 下拉式選單 S */
.drop_menu{
  width:100%;
}

.dropbtn {
  padding: 16px 10px;
  border: none;
  cursor: pointer;
  font-size:13px;
  background-color:#FFF;
}
.drop_menu .dropbtn .dropdown a:visited{
  border:none;
}
.dropdown {
  position: relative;
  display: inline-block;
  font-size:13px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #eaeaea;
  width: 132px;
  box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
  text-align:left;
  z-index: 1;
  font-size:13px;
}
.dropdown-content a {
  color: black;
  padding: 13px 0 13px 10px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #f4d2ba;}
.dropdown-content a:visited {border:none;}
.dropdown:hover .dropdown-content {display: block;width: 135px;margin:10px 0 0 0;}

/* 下拉式選單 E */

/* 競標首頁 */
.bid_border{
border:solid 1px #aaa;
border-bottom:solid 5px #aaa;
display:block;
margin: 5px 0;
padding:5px;
}

/*福利品標籤*/
.a995_tip{
background-color:#e20005;
color:#FFF;
padding:3px 2px;
font-size:12px;
margin:0 3px 0 0;
letter-spacing:1px;
white-space: pre;
}

ul {
  list-style-type: none;
  width: 100%;
  display: table;
  table-layout: fixed;
}

li_l {
  display: table-cell;
  width: 35%;
  vertical-align:top;
}
li_r {
  display: table-cell;
  width: 65%;
  vertical-align:top;
}

.bid_product_name{
display:block;
text-align:left;
padding:2px 5px 2px 0;
font-size:14px;
letter-spacing:0.1px;
line-height:18px; 
}
.bid_spec_l{
text-align:left;
padding:2px 5px 2px 0;
font-size:14px;
letter-spacing:0.1px;
display:inline-block;
}

.bid_spec_r{

	position:absolute;
	right:22px;
	padding:2px 5px 2px 0;
	font-size:14px;
	letter-spacing:0.1px;
	display:inline-block;

}

.flag_tag{
background-color:#FF3300;
font-size:13px;
color:#FFF;
padding:3px;
position:relative;
left: 2px;
top:6px;
letter-spacing:2px;
z-index:2;

}


/*競標首頁 細項*/
.bid_note_main
{
    display: block;
	padding:5px 0 0 13px;
	font-size:13px;
	letter-spacing:-0.8px;
	line-height:15px;
}
.bid_note_content
{
    display: block;
	padding:5px 0 0 13px;
	font-size:14px;
	letter-spacing:-0.2px;
	line-height:15px;
}
.bid_note_pay
{
    display: block;
	padding:5px 0 0 13px;
	font-size:14px;
	letter-spacing:1px;
	line-height:18px;
}
.bid_rule
{
    display: block;
	padding:5px 13px 0 13px;
	font-size:13px;
	letter-spacing:0.4px;
	line-height:15px;
}

.bid_note_c /*答標狀態用*/
{
    position: relative;
	display:inline-block;
	vertical-align:top;
	line-height:20px;
	left:3px;
	letter-spacing:1.2px;
}

.bid_note_c:before
{
    content: " ";
    position: absolute;

}


.bid_note_a /*長的*/
{
    margin-bottom: 5px;
    position: relative;
	color:#0000FF;
}

.bid_note_a:before
{
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #000;
    position: absolute;
    left: -10px;
    top: 5px;
}

.bid_note_b
{

    position: relative;
}

.bid_note_b:before
{
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #000;
    position: absolute;
    left: -10px;
    top: 8px;
}

.bid_btn{
  position:absolute;
  float:right;
  right:5%;

}
.bid_icon{
float:right;

}

.icon-menu-sub {
  content: url(../img/menu_ee.svg);
  font-size:12px;
  color: #000;
}

.bid_pop{
font-size:14px;
text-align:left;
padding:0 0 0 35%;
}

.bid_pop_title{
  
  line-height:0.5px;
  font-size:26px;
  color:#000;
  text-align:center;
  font-weight:500;
  padding:10px 0 0 0;
  letter-spacing:2px;
 }
.bid_pop_offer{
 text-align:left;
 letter-spacing:0.5px;
 line-height:26px;
 padding: 0 0 0 5px;
}

.offer_tip{
 color:#000;
 min-width:110px;
 font-size:16px;
 display:inline-table;
}
.offer_info{
 color:#000;
 font-size:16px;
 display:inline-block;

}



 /* --------條件搜尋 選單 -------- */		
.fliter_box input[type="radio"] {
	display: none;
}
.fliter_box input[type="radio"] + label {
    font-size:14px;
    border-color:#fff; 
	border-style: solid;
    border-width: 1px;
	background-color: #fce6bc;
	padding: 5px 1px;
	margin:2px;
	text-align:center;
	width:130px;
}
.fliter_box input[type="radio"]:checked + label {
	background-color: #fce6bc; /* 核選後呈灰色 */
	color:#000;
	border-color:#000; 
	border-style: solid;
    border-width: 1px;
}

/*第二層 競標內頁 */
.bid_detail{
background-color:#ededed;
font-size:15px;
color:#000;
padding:10px 10px 10px 15px;
letter-spacing:0.1px;
line-height:20px;
margin:10px 0;
}
.detail_block{
padding:0 0 12px 0;
}

.item_tip{
background-color:#FF6600;
color:#FFF;
padding:2px 5px;
width:55px;
white-space:nowrap;
margin-bottom:5px;
}

.detail_t{
display:inline-table;
}

.statu_t{
display:inline-table;
min-width:178px;
text-align:left;
}
.statu_t_2{
display:inline-table;
font-size:12px;
width:40px;
text-align:left;
letter-spacing:-0.5px;
}
.statu_t_3{
display:inline-table;
width:40px;
text-align:left;
}

.detail_info{
padding:0 0 0 50px;
display:inline-block;
font-weight:500;
}

.detail_info_2{
padding:0 0 0 28px;
display:inline-block;
font-weight:500;
}
.statu_info{
display:inline-table;
min-width:85px;
text-align:right;
font-weight:500;
position:absolute;
right:22px;
}
.statu_info_2{
display:inline-table;
min-width:120px;
text-align:left;
font-weight:400;
font-size:16px;
letter-spacing:-0.5px;

}

.detail_info_note{
padding:5px;
display:block;
background-color:#ddd;
margin:0 10px 5px 0;
}
.statu_info_note{
font-size:14px;
text-align:center;
padding:3px;
display:block;
margin:5px 10px 5px 0;
background-color:#ddd;
}

/* 內頁 商品分頁標籤 S */
/* Tabs Navigation */
.tabs .tabs-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tabs .tabs-nav:after { content: "."; display: block; clear: both; height: 0px; overflow: hidden;
}

.tabs .tabs-nav li {
  float: left;
  padding: 8px 8px 10px 8px;
  cursor: pointer;
  background: #eee;
  font-size:15px;
  letter-spacing:1.5px;

  border: 1px #aaa solid;
  border-bottom: none;
}
.tabs .tabs-nav li:hover {
  background: #ededed;
  color: #ff6200;
}
.tabs .tabs-nav li.active {
  background: #555; 
  color: #ffffff;
  font-weight:800;
}


/* Tabs Content */
.tabs .tabs-content {
  margin-top:-13px;
  border: 2px solid #555;  
  border-bottom: none;
  border-right: none;
  border-left: none;
  list-style: none;
  padding:10px 0;
}

.tabs .tabs-content li {
  display: block;
}
/* 內頁 商品分頁標籤 E */

.bid_btn_svg {
  position: fixed;
  bottom: 1.5%;
  right:7%;
  width:85%;
  z-index: 1;
  -webkit-filter: drop-shadow(4px 6px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.19))
}
/*     競標單管理 表 S       */

.ul{
  width: 95%;
  display: block;
 
}
.thead{display: table-header-group;}
.tr{display: table-row;  background:#eee;}
.tr_reply{display: table-row;  background:#f7ecd5; }
.tbody{display: table-row-group;}
.thead li, .tr li , .tr_reply li{
  display: table-cell;
  font-size:15px;
  padding: 8px 12px;
  border: 1px solid #aaa;

}
.thead li, .tr li  a{
 color:#04a1fb;
}
.thead li {
  text-align: center;
  color:#0054b6;
  font-size:15px;
  padding: 10px;
  background: #cfebfb;
}
ol:nth-child(even){
  background: rgba(#6cffd1,.2);
}

@media only screen and (max-width:768px){
  .thead{
    display: none;
  }
  .tr{
    display: block;
    border: #ddd 1px solid;
	margin:10px 14px;	
  }
  .tr li{
    display: inline-block;
    width: 100%;
    border: none;

	
	

  }
  .tr li:before{
    content: attr(data-title);
    display: inline-block;
    width: auto;
    min-width: 20%;
    font-weight: 900;
    padding-right: 1rem;
	
	
  }

  



  .tr_reply{
    display:block;
	background-color:#f7ecd5;
    border: #ddd 1px solid;
    margin-bottom: 5px;
	margin:-10px 14px 20px 14px;
	padding: 8px 10px 8px 4px;	
  }
  .tr_reply li{
    display:block;
    width: 100%;
    border: none;
  }
  .tr_reply li:before{
    content: attr(data-title);
    display: inline-block;
	color:#00549e;
    width: auto;
    min-width: 20%;
    font-weight: 900;
	margin-left:-2px;
    padding-right: 1rem;
	
  }
}
/* 訂單查詢  S */
.order_out-table {
  margin: 0 auto;
  padding: 14px;
  max-width: 1200px;
  font-size:14px;
}

.order_no { /*訂單編號 點入為訂單明細*/
  font-size:18px;
  font-weight:600;
}
.order_no_s { /*訂單編號 點入為訂單明細*/
  font-size:12px;
  padding-left:5px;
  letter-spacing:1px;
}

.order_table {
  margin: 0 0 10px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  display: table;
}

.platoon {
  display: table-row;
  background: #ffffff;
}
.platoon:nth-of-type(odd) {
  background: #e7e7e7;
}
.platoon.header {
  color: #ffffff;
  background: none;
}

@media screen and (max-width: 580px) {
  .platoon {
    padding: 14px 0 0 0;
    display: block;
  }
  .platoon.header {
    height: 6px;
  }
  .platoon.header .element {
    display: none;
  }

  }
  .platoon .element:before {
    margin-bottom: 5px;
	
    content: attr(data-title)' :';
    min-width: 98px;
    font-size: 16px;
    line-height: 10px;
    text-transform: uppercase;
    color: #000;
    display: block; 
  }
}

.element {
  padding: 3px 12px;
  display: table-element;
  color:#000;
}
@media screen and (max-width: 580px) {
  .element {
    padding: 2px 20px 10px 20px;
    display:inline-table;
  }
}

/* 訂單查詢  */
.order_detail{
  font-size:14px;
  font-weight:500;
  color:#00549e;
  padding:0 0 8px 20px;
  line-height:16px;
  letter-spacing:2px;
}
/* 訂單查詢 */
.notice_wish{
  font-size:14px;
  color:#000;
  padding:16px 10px 10px 16px;
  line-height:22px;
  letter-spacing:2px;
}

table,th,td{ 
   border-collapse:collapse;
   margin:3px -5px ;
   border: 1px solid #000;
   font-size: 15px;
}
th /*表格上標*/
{
   height:auto;
   width:95%;
   padding:5px;
   color:#222;
   text-align:right;
   border: 1px solid #000;
}
tr { /*ㄚ災*/
   height:auto;
   border: 1px solid #000;
}

td /*表格內容*/
{
   height:auto;
   padding:5px;
   background-color: #f0f0f0;
   color:#333;
   text-align:center;
   border: 1px solid #000;
}

.invoice_head{
font-family:標楷體;
font-size:16px;
letter-spacing:1px;
line-height:22px;
font-weight:600;
padding: 10px 0 5px 0;
}

.invoice_detail{
font-size:14px;
color:#000;
padding:10px 10px 10px 15px;
letter-spacing:0.5px;
line-height:22px;

}
.invoice_t_1{
display:inline-table;
width:26%;
text-align:left;
}

.invoice_info_1{
display:inline-table;
min-width:70%;
text-align:right;
font-weight:500;
letter-spacing:-0.2px;
}
.invoice_t_2{
display:inline-table;
width:20%;
text-align:left;
}
.invoice_info_2{
display:inline-table;
min-width:28%;
text-align:left;
font-weight:500;
letter-spacing:-0.2px;
}
.pay_step1{
padding:0 0 15px 20px;
line-height:24px;
}
.pay_step1_t1{
display:inline-table;
width:20%;
text-align:left;
}


.pay_step1_info{
display:inline-table;
width:75%;
text-align:right;
font-weight:500;
}

.pay_step2{
padding:0 0 15px 0;
line-height:24px;
}

.pay_step2_t1{
display:inline-table;
width:30%;
text-align:left;
}
.pay_step2_info{
display:inline-table;
width:70%;
text-align:right;
font-weight:500;
}