@charset "utf-8";

/*======================================================================== 
	貨物追蹤
  ========================================================================*/
.trackingStep{ width: 100%; padding: 5px 0; overflow: hidden; color: #fff; font-size: 15px; line-height: 200%;
  background-image: url(../../images/cargoTrackingStep.png);
  border: solid 1px #ccc;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.trackingStep li{ width: 25%; float: left; text-align: center;}
.trackingStep li span{ display: inline-block; margin-right: 10px; padding: 0 5px; background: #fff;
  line-height: 130%; line-height: 125%\0; color: #295d8b; font-weight: bold;  
  -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.trackFactor{ border: solid 1px #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background-image: url(../../images/cargoTracking_tabBg.gif); background-repeat: repeat-y; background-position: 0 0;
}
.trackFactor .tabs{ width: 196px; padding-bottom: 5px; float: left; overflow: hidden;}

.trackFactor .panes{ width: 800px; float: left; padding: 10px;}
.trackFactor .panes div td{ padding: 10px 5px 5px 5px;}
.panes .form-control{ width: 100%; border: none; border-bottom: dotted 1px #ccc;
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.panes .btn-primary:link,.panes .btn-primary:visited,.panes .btn-primary:hover,.panes .btn-primary:active{ color: #fff;}
.trackFactor .panes .notes{ color: #ee3409; font-size: 14px; padding-left: 35px;
  background-image: url(../../images/icon/exclamation.png); background-repeat: no-repeat; background-position: 12px 26px;}

h3{ color: #285e8f; font-size: 16px; padding-left: 15px; margin-bottom: 10px;
  background-image: url(../../images/icon/arrowRed01.gif); background-repeat: no-repeat; background-position: 5px center;}

.trackAnswer{ margin-bottom: 25px; border: solid 1px #ccc;}
.trackAnswer .titleBar{ background: #e6eef5; font-size: 15px; overflow: hidden; padding: 10px; margin: 0;}
.trackAnswer .titleBar li{ width: 50%; float: left; color: #3175af;}
.trackAnswer .titleBar li strong{ color: #333;}

/*.trackAnswer .cargoHistory{ position: relative; overflow: hidden; padding: 0 15px 50px 15px; margin: 15px 0; text-align: center;}*/
.trackAnswer .cargoHistory {display: none;}
.cargoHistory > span{
  display: inline-block; width: 190px; border-bottom: solid 3px #b9bfc4; margin-top: 14px;}

.cargoHistory ul{ position: absolute; top: 5px; left: 30px; overflow: hidden; margin: 0; padding: 0;}
.cargoHistory ul li{ color: #999; font-size: 12px; line-height: 140%; line-height: 120%\0; text-align: center;
  float: left; width: 190px;}
.cargoHistory ul li span{ width: 21px; height: 21px; display: inline-block; margin-bottom: 5px;
  background-image: url(../../images/icon/cargoTracking_point.png); background-position: -21px 0;}
/* 各階段設定 */
.p01 .point_p01,.p02 .point_p01,.p02 .point_p02,.p03 .point_p01,.p03 .point_p02,.p03 .point_p03,.p04 .point_p01,.p04 .point_p02,.p04 .point_p03,.p04 .point_p04,.p05 .point_p01,.p05 .point_p02,.p05 .point_p03,.p05 .point_p04,.p05 .point_p05{ color: #2e6ca3;}
.p01 .point_p01 span,.p02 .point_p01 span,.p02 .point_p02 span,.p03 .point_p01 span,.p03 .point_p02 span,.p03 .point_p03 span,.p04 .point_p01 span,.p04 .point_p02 span,.p04 .point_p03 span,.p04 .point_p04 span,.p05 .point_p01 span,.p05 .point_p02 span,.p05 .point_p03 span,.p05 .point_p04 span,.p05 .point_p05 span{ background-position: 0 0;}
/* 各階段設定 */
.p02 .line_p02,.p03 .line_p02,.p03 .line_p03,.p04 .line_p02,.p04 .line_p03,.p04 .line_p04,.p05 .line_p02,.p05 .line_p03,.p05 .line_p04,.p05 .line_p05{ border-bottom: solid 3px #2e6ca3;}

.trackAnswer hr{ border-top: solid 1px #e5e5e5; margin: 0 10px 10px 10px;}
.trackAnswer table{ font-size: 12px; margin: 10px; width: 980px;}
.trackAnswer th{ background: #f5f5f5; color: #333; padding: 5px 10px; padding: 10px\0; border-right: solid 2px #fff; text-align: center;}
.trackAnswer td{ padding: 3px 5px; padding: 7px 5px\0;}
.trackAnswer td span{ display: inline-block; width: 10px; height: 10px; margin: 0 8px;
  background-image: url(../../images/icon/pointBlack01.gif); background-position: center center; background-repeat: no-repeat;}
.trackAnswer td.currently span{ background-image: url(../../images/icon/pointBlue01.gif);}