﻿body {
  background: #f2f2f2;
  padding-bottom: 44px; }

#tracking h1, #tracking h2, #tracking h3, #tracking h4, #tracking h5 {
  margin: 0; }

#tracking .header {
  padding: 3rem 2rem;
  background: no-repeat url(/Content/Images/background_L.png);
  background-size: cover;
  text-align: center; }
  #tracking .header .title,
  #tracking .header .description {
    color: #fff;
    margin-bottom: 1rem; }
  #tracking .header .alert {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  #tracking .header .input-group {
    margin-left: auto;
    margin-right: auto;
    display: inline-table;
    border-collapse: separate;
    width: 100%; }
    #tracking .header .input-group .form-control {
      width: auto;
      padding-right: 36px;
      border-radius: 4px;
      width: 100%;
      border-color: transparent; }
  #tracking .header .input-group-btn {
    height: 34px;
    width: 34px;
    display: inline-block;
    z-index: 3;
    position: absolute;
    right: 0; }
    #tracking .header .input-group-btn .btn {
      margin: 3px 2px 0px 2px;
      border-radius: 4px;
      padding: 5px 5px 0px; }
      #tracking .header .input-group-btn .btn.btn-primary {
        background: #29AAE3;
        border-color: transparent;
        transition: background ease-in-out .2s; }
        #tracking .header .input-group-btn .btn.btn-primary:hover {
          background: #198dc0; }
    #tracking .header .input-group-btn .btn-icon-search {
      background: no-repeat url(/Content/Images/Icon_Search_M.png);
      width: 16px;
      height: 16px;
      background-size: cover;
      display: inline-block; }
    #tracking .header .input-group-btn .btn-text {
      display: none; }

#tracking .content {
  padding: 3rem 2rem; }

#tracking .table {
  background: #fff;
  border: 1px solid #29AAE3;
  border-width: 0 1px 1px 0;
  font-weight: bold;
  font-family: 'Microsoft JhengHei ','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; }
  #tracking .table thead {
    background: #29AAE3;
    letter-spacing: 1px; }
    #tracking .table thead tr td ~ td {
      border-left: 1px solid #fff; }
  #tracking .table tbody tr td {
    border-left: 1px solid #29AAE3; }

#tracking .footer {
  background: #E6E6E6;
  text-align: center;
  padding: 1rem 2rem;
  height: 44px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; }

@media (min-width: 768px) {
  #tracking .header .input-group {
    width: 600px; }
    #tracking .header .input-group .btn-text {
      display: inline-block;
      vertical-align: text-bottom; }
  #tracking .header .input-group-btn {
    width: auto; } }
