/*=================================================================
                        【Default：手機版表格】
=================================================================*/
#table-responsive,
#table-responsive-01 {/* 定期定額捐款查詢 */
  text-align: center;}

.table-bordered td {
  padding: 1rem .5rem;}
@media (min-width: 1024px) {
  .table-bordered td {
    border-width: 0;}
  /*== 文字編輯器 ==*/
  .content_block .table-bordered td {
    border-width: 1px;}    
}


@media (min-width: 320px) {
  #table-responsive thead tr,
  #table-responsive-01 thead tr {
    display: none;}
  #table-responsive tbody tr td,
  #table-responsive-01 tbody tr td {
    display: block;
    text-align: left;} 
  #table-responsive tbody tr td:before,
  #table-responsive-01 tbody tr td:before {
    content: attr(data-title) "：";
    display: inline-block;
    width: 6em;
    font-weight: 500;
    text-align: right;}}
  
@media only screen and (min-width: 768px) {
  #table-responsive thead tr,
  #table-responsive-01 thead tr {
      display: table-row;}
  #table-responsive tbody tr td,
  #table-responsive-01 tbody tr td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;}
  #table-responsive tbody tr td:before,
  #table-responsive-01 tbody tr td:before {
    content:"";
    display: none;}
  /* 去外框線 */
  #table-responsive table {
    border-width: 0;}
  #table-responsive tbody tr td:first-child {
    border-left: 1px solid transparent;}
  #table-responsive tbody tr td:last-child {
    border-right: 1px solid transparent;}}

@media (max-width: 767px) {
  #table-responsive tbody tr td,
  #table-responsive-01 tbody tr td {
    padding-left: 5em;
    text-indent: -6em;}
  #table-responsive tbody tr td:last-child,
  #table-responsive-01 tbody tr td:last-child {
    padding-left: 2em;
    text-indent: -3em;}
  #table-responsive tbody tr td:last-child a,
  #table-responsive-01 tbody tr td:last-child a {
    margin-top: 5px;
    text-indent: 0px;}}


/*=================================================================
                            【捐款記錄查詢】
=================================================================*/
/*===== 表格 =====*/
@media only screen and (min-width: 992px) {
  .orderlist_table #orders td:nth-child(2) {/* 專案 */
    text-align: left;}
  .orderlist_table #orders td:nth-child(3),
  .orderlist_table #orders td:nth-child(4),
  .orderlist_table #orders td:nth-child(5) {/* 數量,金額,小計 */
    text-align: right;}
/* 去外框線 */
.orderlist_table #orders {
  border: 0;}
.orderlist_table #orders td:first-child {
  border-left: 1px solid transparent;}
.orderlist_table #orders td:last-child {
  border-right: 1px solid transparent;
  border-bottom: 0;}}

/* 標籤 */
.orderlist_table #orders .tag_01,
.orderlist_table #orders .tag_02 {
  display: inline-block; 
  padding: 8px;}
  padding: 8px;}
@media (min-width: 768px) and (max-width: 1024px) {
  .orderlist_table #orders .tag_01,
  .orderlist_table #orders .tag_02 {
    display: inline-block;
    width: 60px;
    height: 40px;}
}
@media (max-width: 480px) {
  .orderlist_table #orders .tag_01,
  .orderlist_table #orders .tag_02 {
    display: inline;}
}

/* 專案 */
.orderlist_table #orders td p {
  margin-bottom: 0;}
@media (max-width: 768px) {
  .orderlist_table #orders td p {
      text-indent: 0;}}

/* 總計 */
/*.orderlist_table #orders tbody tr:last-child td {
  padding: 1rem 0;}*/
.orderlist_table #orders tbody tr:last-child td p {
  margin: 0;
  font-size: 22px;
  text-align: right;}
.orderlist_table #orders tbody tr:last-child td span {
  min-width: 120px;}
@media (max-width: 480px) {
  .orderlist_table #orders tbody tr:last-child td:before {
    display: none;}}

/*===== 捐款記錄詳細資料 =====*/
.finish_content #detail table {
  font-size: 18px;}
.finish_content #detail table tr {
  text-align: left;
  min-height: 50px;
  border-bottom: 1px solid #CCC;}
.finish_content #detail table td {
  border-top: none;}

/* 標題 */
@media (max-width: 480px) {
  .finish_content #detail table td strong {
    display: block;}}


/*=================================================================
                            【定期定額捐款查詢】
=================================================================*/
/*===== 表格 =====*/
@media (min-width: 768px) {
  .orderlist_table #batchpay td:nth-child(2),
  .orderlist_table #batchpay-01 td:nth-child(2) {/* 下方：定期定額捐款明細 */
    text-align: left;}
  .orderlist_table #batchpay td:nth-child(6),
  .orderlist_table #batchpay-01 td:nth-child(5) {
    text-align: right;}
/* 去外框線 */
.orderlist_table #batchpay {
  border: 0;}
.orderlist_table #batchpay td:first-child {
  border-left: 1px solid transparent;}
.orderlist_table #batchpay td:last-child {
  border-right: 1px solid transparent;}}

@media (max-width: 767px) {
  .orderlist_table #batchpay td,
  .orderlist_table #batchpay td:last-child,
  .orderlist_table #batchpay-01 td,
  .orderlist_table #batchpay-01 td:last-child {
    padding-left: 6em;
    text-indent: -6em;}
  .orderlist_table #batchpay tbody td:before,
  .orderlist_table #batchpay-01 tbody td:before {
    content: attr(data-title) "：";}}

/* 標題 */
@media (max-width: 480px) {
  .finish_content #batchpay table td strong,
  .finish_content #batchpay-01 table td strong {
    display: block;}}


/*=================================================================
                            【活動報名記錄查詢】
=================================================================*/
@media (max-width: 767px) {
  #booking_orderslist #table-responsive tbody tr td {
    padding-left: 6em;
    text-indent: -6em;}
  #booking_orderslist #table-responsive tbody tr td:last-child {
    padding-left: 3em;
    text-indent: -3em;}}
#booking_orderslist #table-responsive tbody tr:last-child td:before {
  content: none;}

/*== 最後欄位：總計金額 ==*/
#booking_orderslist tbody tr:last-child td p {
  margin-bottom: 0;
  font-size: 22px;}
#booking_orderslist tbody tr:last-child td span {
  min-width: 120px;}

/*== 去框線 ==*/
@media (min-width: 1024px) {
  #booking_orderslist .table-bordered {
    border: 0;}
  #booking_orderslist .table-bordered tbody td:first-child {
    border-left: 1px solid transparent;}
  #booking_orderslist .table-bordered tbody td:last-child {
    border-right: 1px solid transparent;}
  #booking_orderslist tbody td:last-child {
    border-bottom: 0;}}

/*== 文字對齊 ==*/
@media (min-width: 768px){
  #booking_orderslist .orderlist_table.event tbody td,
  #booking_orderslist .orderlist_table.event tbody tr:last-child td {
    text-align: right !important;}  
  #booking_orderslist .orderlist_table.event tbody td:first-child {
    text-align: left !important;}}


/*=================================================================
                            【捐物記錄查詢】
=================================================================*/
@media (min-width: 768px){
  .orderlist_table #things tbody td:nth-child(1) {
    text-align: left;}
  .orderlist_table #things tbody td:nth-child(2),
  .orderlist_table #things tbody td:nth-child(3) {
    text-align: right;}}

@media (max-width: 767px){
  .orderlist_table #things tbody td,
  .orderlist_table #things tbody td:last-child {
    padding-left: 6em;
    text-indent: -6em;}
  .orderlist_table #things tbody td:before {
    content: attr(data-title) "：" !important;}}


/*=================================================================
                            【志工記錄查詢】
=================================================================*/
@media (min-width: 768px){
  .orderlist_table #volunteer tbody td:nth-child(1),
  .orderlist_table #volunteer tbody td:nth-child(3),
  .orderlist_table #volunteer tbody td:nth-child(5) {
    text-align: left;}}

@media (max-width: 767px){
  .orderlist_table #volunteer tbody td,
  .orderlist_table #volunteer tbody td:last-child {
    padding-left: 6em;
    text-indent: -6em;}}


/*=================================================================
                            【活動報名個資頁】
=================================================================*/
/*== 最後欄位：總計金額 ==*/
#booking_pay tbody tr:last-child td p {
  margin-bottom: 0;
  font-size: 22px;}
#booking_pay tbody tr:last-child td span {
  min-width: 120px;}

/*== 去框線 ==*/
@media (min-width: 1024px) {
  #booking_pay .table-bordered {
    border: 0;}
  #booking_pay .table-bordered tbody td:first-child {
    border-left: 1px solid transparent;}
  #booking_pay .table-bordered tbody td:last-child {
    border-right: 1px solid transparent;}
  #booking_pay tbody td:last-child {
    border-bottom: 0;}}

/*== 文字對齊 ==*/
@media (min-width: 768px){
  #booking_pay .orderlist_table.event tbody td,
  #booking_pay .orderlist_table.event tbody tr:last-child td {
    text-align: right !important;}  
  #booking_pay .orderlist_table.event tbody td:first-child {
    text-align: left !important;}}

/*== 手機版：縮排 ==*/
@media (max-width: 767px){
  #booking_pay .orderlist_table.event tbody tr td {
    padding-left: 6em;
    text-indent: -6em;}}

/*== 去除手機版 before ==*/
@media (max-width: 767px) {
  #booking_pay .orderlist_table.event tbody tr:last-child td:before {
    content: none;}}


/*=================================================================
                               【芳名錄】
=================================================================*/
@media (max-width: 1024px) {
  .lover_content .lover_list td {
    border: 1px solid #D2D2D2;}}

@media (min-width: 768px) {
  .lover_content .lover_list thead tr th {
    letter-spacing: 5px;}
  .lover_content .lover_list tbody tr td:nth-child(2) {
    text-align: left !important;}
  .lover_content .lover_list tbody tr td:last-child {
    text-align: right !important;}}

@media (max-width: 767px) {
  .lover_content #table-responsive tbody tr {
    display: block;}  
  .lover_content #table-responsive tbody tr td {
    padding-left: 6em;
    text-indent: -6em;}}


/*=================================================================
                             【志工招募】
=================================================================*/
.volunteer_table tbody tr td:nth-child(2) {
  text-align: left !important;}

@media (max-width: 1024px) {
  .volunteer_table td {
    border: 1px solid #D2D2D2;}}

@media (max-width: 767px) {
  .volunteer_table tbody tr {
    display: block;}  
  .volunteer_table tbody tr td {
    padding-left: 6em;
    text-indent: -6em;}
  .volunteer_table tbody tr td:lang(en),
  .volunteer_table tbody tr td:last-child:lang(en) {
    padding-left: 6em !important;
    text-indent: -6em !important;}
  .volunteer_table tbody tr td > span {
    display: inline;}
  .volunteer_table .btn-orange {
    width: 80%;}}

@media (max-width: 375px) {
  .volunteer_table .btn-orange {
    width: 78%;}}

@media (max-width: 320px) {
  .volunteer_table .btn-orange {
    width: 73%;}}


/*=================================================================
                              【愛心車】
=================================================================*/
@media (min-width: 1024px) {
  .cart_content .table-bordered {
    border: 0;}
  .cart_content .table-bordered tbody td:first-child {
    border-left: 1px solid transparent;}
  .cart_content .table-bordered tbody td:last-child {
    border-right: 1px solid transparent;}
  #cart_order tbody td:last-child {
    border-bottom: 0;}}

@media (max-width: 767px) {
  #cart_batchpay td p {
    margin-left: .5rem;}}

#cart_batchpay td p,
#cart_order td p {
  margin-bottom: 0;}

/*--------------------------------------*/
/*            愛心車 -> 定期定額         */
/*------------------------------------- */
@media (min-width: 768px) {
  #cart_batchpay tbody tr td:first-child {
    text-align: left;}
  #cart_batchpay tbody tr td:nth-child(4) {
    text-align: right;}}

@media (max-width: 767px) {
  /* 定期定額項目 */
  #cart_batchpay tbody tr td {
    padding-left: 6em;
    text-indent: -6em;}
  #cart_batchpay tbody tr td:last-child {
    padding-left: 3em;
    text-indent: -3em;}
  #cart_batchpay tbody tr td:first-child {
    padding: 1rem .5rem;
    padding-left: 2.5em;
    text-indent: 0;}
  #cart_batchpay tbody tr td:first-child:before {
    display: none;}
  /* 刪除 */
  #cart_batchpay tbody tr td.delete {
    padding: 1rem .5rem;
    text-indent: 0;}
  #cart_batchpay tbody tr td.delete:before {
    display: none;}
  #cart_batchpay tbody tr td.delete button {
    width: 100%;}}

/*--------------------------------------*/
/*            愛心車 -> 單次捐款         */
/*------------------------------------- */
/* 標籤 */
#cart_order tbody tr .tag_01,
#cart_order tbody tr .tag_02 { 
  padding: 10px;}
@media (min-width: 768px) and (max-width: 1024px) {
  #cart_order tbody tr .tag_01,
  #cart_order tbody tr .tag_02 {
    display: inline-block;
    width: 60px;
    height: 40px;}}

#cart_order tbody tr td:nth-child(2) {
  text-align: left;}
@media (max-width: 768px) {
  #cart_order tbody tr td:nth-child(2) p {
    text-indent: 0em;}}

#cart_order tbody tr:last-child td p {
  font-size: 22px;}
#cart_order tbody tr:last-child td span {
  min-width: 120px;}

@media (min-width: 767px) {
  #cart_order tbody tr td:nth-child(3),
  #cart_order tbody tr td:nth-child(4),
  #cart_order tbody tr td:nth-child(5) {
    text-align: right;}}

@media (max-width: 767px) {
  /* 專案 */
  #cart_order tbody tr td:nth-child(2) {
    padding: 1rem .5rem 1rem 1.5em;;
    text-indent: 0;}
  #cart_order tbody tr td:nth-child(2):before {
    display: none;}
  #cart_order tbody tr td:nth-child(2) p {
    margin-left: .5rem;}
  /* 運費/總計 */
  #cart_order tbody tr:last-child td:before {
    display: none;}
  /* 刪除 */
  #cart_order tbody tr td.delete {
    padding: 1rem .5rem;
    text-indent: 0;}
  #cart_order tbody tr td.delete:before {
    display: none;}
  #cart_order tbody tr td.delete button {
    width: 100%;}}

@media (max-width: 375px) {
  #cart_order tbody tr:last-child td p {
    margin-left: 0;}}

@media (max-width: 320px) {
  #cart_order tbody tr:last-child td p {
    font-size: 18px;}}


/*=================================================================
                          【收據列印】
=================================================================*/
.volunteer_table.receipt tbody tr td:nth-last-child(1) {
  text-align: right;}
@media (max-width: 992px) {
.volunteer_table.receipt tbody tr td:nth-last-child(1) {
  text-align: left;}}
.volunteer_table.receipt tbody tr td:nth-last-child(2),
.volunteer_table.receipt tbody tr td:nth-last-child(3) {
  text-align: left;}


/*=================================================================
                      【資料維護：查詢】
=================================================================*/
@media (min-width: 768px){
  /*===== 單筆/定期定額 =====*/
  .edit_content #order #table-responsive tbody tr td:nth-child(3){
    text-align: right;}
  .edit_content #batchpay #table-responsive tbody tr td:nth-child(2) {
    text-align: left;
    padding-left: 4em;
    text-indent: -3.2em;}
  .edit_content #batchpay #table-responsive tbody tr td:nth-child(5) {
    text-align: right;}
  /*===== 報名查詢 =====*/
  /*.edit_content #booking #table-responsive tbody tr td:nth-child(3) {
    text-align: left;}*/
  .edit_content #booking #table-responsive tbody tr td:nth-child(4) {
    text-align: right;}
  /*===== 捐物/志工查詢 =====*/
  .edit_content #things #table-responsive tbody tr td:nth-child(1),
  /*.edit_content #things #table-responsive tbody tr td:nth-child(3),*/
  .edit_content #things #table-responsive tbody tr td:nth-child(5),
  .edit_content #volunteer #table-responsive tbody tr td:nth-child(1),
  /*.edit_content #volunteer #table-responsive tbody tr td:nth-child(3),*/
  .edit_content #volunteer #table-responsive tbody tr td:nth-child(5) {
    text-align: left;}}

@media (max-width: 767px) {
  .search #table-responsive tbody tr td {
    padding-left: 6em;
    text-indent: -6em;}
  /*===== 報名查詢 =====*/
  .edit_content #booking #table-responsive tbody tr td {
    padding-left: 7em;
    text-indent: -6em;}
  /*== 定期定額：專案/項目 ==*/
  .edit_content #batchpay #table-responsive tbody p,
  .orderlist_table #batchpay td:nth-child(2) p {
    margin-left: 6em;}}