/* ===== 2022/02/22 ===== */

.has-error > div > span > .btn {
  color: #e74c3c !important;
  border: 2px solid #e74c3c !important;
  border-left-style: hidden !important;
}
.carousel a{
	color: white;
}
.carousel a:hover{
	color: #00A2B5;
}
.form-control a{
	color: #000;
}
.ft-000 {
    color: #000!important;
}
.img-auto{
	width: 100%;
}
/*====== Content ======*/
#content {
  background-color: #EAEAEA;
}

.select-link {
  border: 2px solid #bdc3c7 !important;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 89px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 89px;
}
/*====== Explain ======*/
.explain h6:before {
  content: "\f10c";
  font-family: FontAwesome;
  color: #00ace8;
  padding-right: 5px;
}
.explain ol.cjk {
  list-style-type: cjk-ideographic;
}
.explain ol.cjk li > ol {
  margin-left: -1em;
}
.explain ol.cjk li > ol li > ol > li {
  list-style-type: none;
  counter-increment: cnt;
  margin-left: -1em;
}
.explain ol.cjk li > ol li > ol > li:before {
  display: marker;
  content: "( " counter(cnt) " ) ";
}
.explain table {
  font-size: 14px;
}
.explain .border-b {
  border-bottom: #fff 12px solid;
}

/*----------------------list ��躰�?��𨯙��?��?�?���嘅?�?���矋?�?���躰�肽𨯙��辷�? only for ��躰�?��𨯙?��賡滲���?�?���躰?��嚙�?��躰�?��𨯙?���?��?��?�?��惩�辷�?----------------------*/
dl.ptc-list{
	overflow: auto;
}
dl.ptc-list dt,
dl.ptc-list dd{
	line-height: 1.8em;
	font-weight: normal;
	float: left;
	margin: 0;
}
dl.ptc-list dt{
	clear: both;
	width: 4em;
	text-align: right;
}
dl.ptc-list dd{
	width: calc(100% - 4em);
	text-align: left;
}
dl.ptc-list dt.twoword{	width: 3em;}
dl.ptc-list dd.twoword{	width: calc(100% - 3em);}
dl.ptc-list dt.fourword{ width: 5em;}
dl.ptc-list dd.fourword{ width: calc(100% - 5em);}

dl.ptc-list dl{
	overflow: auto;
	margin: 0 0 0.2em;
}
dl.ptc-list dl dl dt{
	width: 1.5em;
}
dl.ptc-list dl dl dd{
	width: calc(100% - 1.5em);
}

a.color-rag,
.color-rag {/*?��踝?�?��踝?�?��踝?�?���嚙�?*/
    color: #AD0000;
}

/*====== Pages ======*/
.pages-header {
  border-top: #eee 1px solid;
  border-bottom: #eee 1px solid;
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eeeeee));
  background: -o-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #eeeeee 100%);
  font-weight: 700;
  font-size: 22px;
}
.pages-header div:first-child {
  line-height: 43px;
}
hr {
  border: 0;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
/*普悠瑪*/
.puyuma:before,
a.puyuma:before {
  color: #d00216;
}
/*太魯閣*/
.taroko:before,
a.taroko:before {
  color: #ff5000;
}
/*自強*/
.tzechiang:before,
a.tzechiang:before {
  color: #ff8708;
}
/*莒光*/
.chukuang:before,
a.chukuang:before {
  color: #ffd200;
}
/*復興*/
.fuhsing:before,
a.fuhsing:before {
  color: #00ace8;
}
/*區間*/
.tram:before,
a.tram:before {
  color: #777;
}
/*冷氣柴*/
.ColdChaiKe:before,
a.ColdChaiKe:before {
  color: #333;
}
/*EMU3000*/
.EMU3000:before,
a.EMU3000:before {
  color: purple;
}
/*高鐵車站標誌*/
.icon-thsr-m {
    background: url("../../images/icon-thsr.svg") no-repeat 3px;
    padding-left: 35px;
    margin-right: 4px;
}
.checkbox .icon-checked:before,
.checkbox .icon-unchecked:before,
.radio .icon-checked:before,
.radio .icon-unchecked:before {
  font-size: 1.5em;
}
.border-b {
  border-bottom: #CCC 1px solid;
}
.border-t {
  border-top: #CCC 1px solid;
}
.border {
  border: #CCC 2px solid;
}
.display-block,
.br {
  display: block;
}
.border-radius {
  border-radius: 4px;
}
.border-radius-t {
  border-radius: 4px 4px 0 0;
}
.border-radius-b {
  border-radius: 0 0 4px 4px;
}
.border-radius-l {
  border-radius: 4px 0 0 4px;
}
.border-radius-r {
  border-radius: 0 4px 4px 0;
}
.bg-gray {
  background-color: #f2f2f2;
}
.text-top {
  vertical-align: text-top !important;
}
input[type="text"][disabled] {
  color: #34495e;
}
.alert {
  padding: 15px;
}
.bg-inverse {
  background-color: #34495e;
  color: #fff;
}
.text-small {
  font-size: 14px;
}
.image-item {
  position: relative;
}
.image-item span {
  position: absolute;
  bottom: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
}
.travel {
  position: relative;
}
.travel span {
  position: absolute;
  top: 20px;
  left: 10px;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
p.small {
  font-size: 14px;
  line-height: 18px;
}
.label-railway {
  background-color: #000099;
  color: #FFF;
}
.label-thsrc {
  background-color: #ff6600;
  color: #FFF;
}
.search-list a {
  color: #34495e;
}
.search-list li {
  padding-top: 5px;
  border-bottom: #EAEAEA 1px solid;
}
.search-list li > a {
  margin: 0;
}
.carousel samp.title {
  position: absolute;
  z-index: 1;
  background-color: #fff;
}
.process {
  background-color: #fff;
}
.process .nav-list-bricks li a {
  padding: 30px 15px;
}
.mistakes {
  background: #fff url("../../images/logo-mistakes.png") no-repeat center center;
}
.shop-header div.col > button.shop-cart {
  position: relative;
}
.shop-header div.col > button.shop-cart > span {
  position: absolute;
  top: 4px;
  right: 4px;
}
.shop-header .navbar-new {
  margin: -8px -10px;
}
.sitemap dl {
  margin-bottom: 0px;
}
.sitemap dl.last-dl > dd {
  padding-left: 15px;
}
.sitemap .border-left {
  border-left: #EAEAEA 2px solid;
  padding-left: 10px;
}
.shop .shop-category .col {
  height: 50px;
  border: 2px solid #bdc3c7;
  border-radius: 4px;
}
.shop .shop-select div > label {
  line-height: 2.8;
}
.shop .text-default {
  color: #747474;
}
.shop .text-small {
  font-size: 13px;
}
.shop .nav-list-bricks > li > a {
  font-weight: 500;
}
.shop .table > tbody > tr > td {
  vertical-align: middle;
  height: 50px;
}
.shop .carousel-caption {
  padding: 0px;
  background-color: #fff;
}
.shop .carousel-caption h3 {
  color: #34495e;
}
.shop .carousel-caption p {
  color: #a94442;
}
.shop dl > dd {
  margin-bottom: 15px;
}
.cycle-slideshow img {
  width: 100%;
  height: auto;
}
.train-status .warn {
  border-left: #f1c40f 14px solid;
  padding-left: 10px;
}
.train-status .debar {
  border-left: #d9534f 14px solid;
  padding-left: 10px;
}
.train-status .status:nth-child(odd) {
  background-color: #f6f6f6;
}
.modify .checkbox {
  padding-left: 18px;
  font-size: 16px;
}
.modify .refunds {
  border-right: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 3px solid;
  background-color: #eee;
  color: #666;
  border-radius: 4px;
}
.modify .ticket {
  background-color: #086873;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
.modify .header {
  background-color: #eee;
  color: #666;
  border-radius: 0 0 4px 4px;
}
.modify .header a {
  color: #666;
}
.modify .header .border-t {
  border-top: #fff 1px solid;
}
.modify .header .border-radius {
  border-radius: 4px !important;
}
.modify .body {
    border-right: #000000 1px solid;
    border-left: #57b2d4 7px solid;
    border-top: #285161 1px solid;
    border-bottom: #4186a0 8px solid;
    border-radius: 4px;
    box-shadow: brown;
    background: #d6f9ff;
    background: -moz-linear-gradient(top, #d6f9ff 0%, #f4fcff 17%, #f4fcff 89%, #9ee8fa 100%);
    background: -webkit-linear-gradient(top, #d6f9ff 0%,#f4fcff 17%,#f4fcff 89%,#9ee8fa 100%);
    background: linear-gradient(to bottom, #d6f9ff 0%,#f4fcff 17%,#f4fcff 89%,#9ee8fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 );
}

.modify .body .border-top {
  border-top: #ccc 1px solid;
}
.modify .body .grid > .col > .grid {
  border-bottom: #eaeaea 1px solid;
}
.modify .body .grid > .col > .grid:last-child {
  border-bottom: 0px;
}
.modify .step-progress .list-inline {
  margin-left: 0;
}
.modify .text-disabled {
  color: #888;
}
.tab-content {
  border: none;
}
.width-full {
  width: 100% !important;
}
.width-half {
  width: 50% !important;
}
.img-16x9 {
  width: 100%;
  height: 56.25% !important;
}
.img-4x3 {
  width: 100%;
  height: 75% !important;
}
.img-h300 {
  width: 100%;
  height: 300px !important;
}
.img-h276 {
  width: 100%;
  height: 276px !important;
}
.img-h252 {
  width: 100%;
  height: 252px !important;
}
.img-h150 {
  width: 100%;
  height: 150px !important;
}
.img-h138 {
  width: 100%;
  height: 138px !important;
}
.img-h126 {
  width: 100%;
  height: 126px !important;
}
.img-h114 {
  width: 100%;
  height: 114px !important;
}
.img-h96 {
  width: 100%;
  height: 96px !important;
}
.img-h69 {
  width: 100%;
  height: 69px !important;
}
.img-h64 {
  width: 100%;
  height: 64px !important;
}
/*====== Other ======*/
.clear {
  clear: both;
  display: block;
  font-size: 0px;
  height: 0px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
}
.__red {
  border: red 1px solid !important;
}
/* Menu Appearance */
.pushy {
  position: fixed;
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #eee;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.pushy a {
  display: block;
  color: #222;
  padding: 15px 20px;
  text-decoration: none;
}
.pushy ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}
.pushy-header {
  background-color: #00606B;
}
.pushy-header .left {
  float: left;
  width: 50%;
}
.pushy-header .right {
  float: right;
  text-align: right;
  width: 50%;
}
.pushy-header button {
  background: #00606B;
  color: #FFF;
  text-align: center;
  border: 0;
  margin-top: 5px;
}
.pushy-content {
  visibility: hidden;
}
/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-240px, 0, 0);
  -ms-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0);
}
.pushy-open-left #wrapper,
.pushy-open-left .push {
  -webkit-transform: translate3d(240px, 0, 0);
  -ms-transform: translate3d(240px, 0, 0);
  transform: translate3d(240px, 0, 0);
}
.pushy-right {
  -webkit-transform: translate3d(240px, 0, 0);
  -ms-transform: translate3d(240px, 0, 0);
  transform: translate3d(240px, 0, 0);
}
.pushy-open-right #wrapper,
.pushy-open-right .push {
  -webkit-transform: translate3d(-240px, 0, 0);
  -ms-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0);
}
.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}
/* Menu Transitions */
#wrapper,
.pushy,
.push {
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -o-transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.pushy-content {
  -webkit-transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -o-transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
/* Site Overlay */
.site-overlay {
  display: none;
}
.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
ul.pushy-singlemenu li {
  width: 100%;
  color: #222;
  text-align: left;
  background: #eee;
  border: 0;
  border-bottom: #c4c4c4 1px solid;
}
ul.pushy-singlemenu .order {
  background: #ED4C67;
  border-bottom: none;
}
ul.pushy-singlemenu .inquiry {
  background: #F79F1F;
  border-bottom: none;
}
/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Buttons */
  /* Submenu Icon */
}
.pushy-submenu ul {
  -webkit-transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -o-transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  border-bottom: #c4c4c4 1px solid;
}
.pushy-submenu ul li {
  padding-left: 15px;
  background-color: #e3e3e3;
}
.pushy-submenu ul .child button {
  background-color: #e3e3e3;
}
.pushy-submenu ul .child li {
  background-color: #e3e3e3;
}
.pushy-submenu ul .child a::after,
.pushy-submenu ul .child button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.pushy-submenu button {
  width: 100%;
  color: #222;
  padding: 15px 20px;
  text-align: left;
  background: #eee;
  border: 0;
  border-bottom: #c4c4c4 1px solid;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 20px;
  background: url("../../images/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
/* Submenu Movement */
.pushy-submenu-closed > ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}
.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open > ul {
  max-height: 3000px;
  visibility: visible;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open > a::after,
.pushy-submenu-open > button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.order .ticket {
  background-color: #086873;
  color: #fff;
  border-radius: 4px;
}

.cartlist-head-blue { /* 線上換票使用 */ 
	background: #5678A2;
	color: #fff;
    border-radius: 4px;
}
.order .header {
  background-color: #eee;
  border-radius: 4px;
}
.order .info {
  background-color: #666;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
.order .info a {
  color: #fff;
}
.order .data {
  background-color: #eee;
  border-right: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-bottom: #e0e0e0 3px solid;
}
.order .body {
  border-right: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-bottom: #eaeaea 1px solid;
}
.order .body:last-child {
  border-radius: 0 0 4px 4px;
  border-bottom: #ccc 3px solid;
}
.order .body .grid > .col > .grid {
  border-bottom: #eaeaea 1px solid;
}
.order .text-disabled {
  color: #888;
}
.booking-record a {
  color: #333;
}
.booking-record small {
  color: #7F8C8D;
}
.booking-record li {
  padding-left: 5px;
}
.booking-record li.content {
  color: #666;
}
.booking-record li.title {
  border-radius: 4px;
}
.booking-record li.title span.num {
  color: #306D76;
}
.booking-record li.title .bg-danger {
  background-color: #f8f5f5;
}
.booking-record li.title .bg-warning {
  background-color: #f9f8f3;
}
.booking-record li.title .bg-success {
  background-color: #eff7f3;
}
.booking-record li.title a {
  color: #00a6b9;
}
.booking-record li.title span.badge.pull-right {
  text-align: center;
  line-height: 30px;
  margin: 0px;
  min-width: 40px;
}
.booking-record li.title span.badge.pull-right.danger {
  background-color: #c9302c;
}
.booking-record li.title span.badge.pull-right.warning {
  background-color: #C05800;
}
.booking-record li.title span.badge.pull-right.success {
  background-color: #088100;
}
.booking small {
  color: #7F8C8D;
}
.booking li {
  padding-left: 5px;
}
.booking li.title {
  background-color: #eee;
}
.booking li.title a {
  color: #00a6b9;
}
.booking li.title span.badge.pull-right {
  text-align: center;
  line-height: 30px;
  margin: 0px;
  min-width: 40px;
}
.booking li.title span.badge.pull-right.danger {
  background-color: #e74c3c;
}
.record-thumbnail {
  border-radius: 4px;
  background-color: #eee;
}
.record-thumbnail .record-header {
  border-bottom: #888 1px solid;
}
.pages {
  background-color: #fff;
}
.pages div > p.small {
  font-weight: normal;
  font-size: 15px;
  margin-top: 5px;
  color: #696969;
}
.pages div > p.error-danger {
  color: #E00000;
  background-color: #fff0f0;
  border: #f5e2e2 1px solid;
  border-radius: 4px;
}
.pages .btn-group,
.pages .btn-group-vertical {
  display: block;
}
.pages .scroll-just {
  height: 160px;
  overflow-y: scroll;
}
.pages .nav-list {
  padding-left: 0;
  padding-right: 0;
}
.pages .nav-list-bricks > li > a {
  padding: 15px 10px;
}
.pages .nav-list > li.divider {
  margin: 13px 0 17px 0;
}
.pages .member-after-header > li > a {
  background-color: #fff;
  font-size: 24px;
}
.pages .member-after-header > li > a span.fui-arrow-right {
  color: #00606B;
}
.pages .block-thumbnail {
  border-radius: 4px;
  background-color: #fadbd8;
  border: #e74c3c 2px solid;
}
.pages .block-header {
  border-radius: 4px;
  display: block;
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #e74c3c;
  color: #FFF;
}
.pages .member-list {
  padding-left: 0;
}
.pages .member-list li.title {
  color: #757575;
}
.pages .coupons li {
  padding-left: 5px;
}
.pages .coupons li.title {
  background-color: #eee;
}
.pages .coupons li.title span:first-child {
  color: #c0392b;
}
.pages .coupons li.title span.badge.pull-right {
  text-align: center;
  line-height: 30px;
  margin: 0px;
  min-width: 40px;
}
.pages .coupons li.title span.badge.pull-right.warning {
  background-color: #e67e22;
}
.pages .coupons li.title span.badge.pull-right.danger {
  background-color: #e74c3c;
}
.pages .coupons li.content {
  border-bottom: #eee 1px solid;
  padding: 5px;
}
.pages .coupons li.content span {
  margin-right: 5px;
}
.pages .nav-list > li > a {
  font-size: 18px;
  display: inline-block;
}
.pages .record li {
  padding-left: 5px;
}
.pages .record li.title {
  background-color: #eee;
}
.pages .record li.title span:first-child {
  color: #c0392b;
}
.pages .record li.title span.badge.pull-right {
  text-align: center;
  line-height: 30px;
  margin: 0px;
  min-width: 40px;
}
.pages .record li.title span.badge.pull-right.warning {
  background-color: #e67e22;
}
.pages .record li.title span.badge.pull-right.success {
  background-color: #2980b9;
}
.pages .record li.title span.badge.pull-right.none {
  background-color: #2c3e50;
}
.pages .record li.title span.badge.pull-right.default {
  background-color: #7f8c8d;
}
.pages .record li.content {
  border-bottom: #eee 1px solid;
  padding: 5px;
}
.pages .record li.content span.block {
  display: block;
}
.pages .record li.content span.badge {
  margin-right: 5px;
}
.pages .record .record-wap .column {
  float: left;
}
.pages .record .record-wap .left {
  width: 24%;
  line-height: 142px;
}
.pages .record .record-wap .right {
  width: 76%;
}
.pages .membership small {
  color: #7F8C8D;
}
.pages .membership li {
  padding-left: 5px;
}
.pages .membership li:nth-child(even) {
  margin-bottom: 20px;
}
.pages .membership li.content span {
  display: inline-block;
  width: 50%;
}
.pages .membership li.title {
  background-color: #eee;
}
.pages .membership li.title span.badge.pull-right {
  text-align: center;
  line-height: 30px;
  margin: 0px;
  min-width: 40px;
}
.pages .membership li.title span.badge.pull-right.info {
  background-color: #3498db;
}
.pages .membership li.title span.badge.pull-right.danger {
  background-color: #e74c3c;
}
.pages .record-thumbnail {
  border-radius: 4px;
  background-color: #eee;
}
.pages .record-thumbnail .record-header {
  border-bottom: #888 1px solid;
}
.pages .record-thumbnail span.block {
  display: block;
}
.pages .breadcrumb_steps {
  padding: 0px;
  background: transparent;
  list-style: none;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
}
.pages .breadcrumb_steps > li {
  display: table-cell;
  vertical-align: top;
  width: 1%;
}
.pages .breadcrumb_steps > li + li:before {
  padding: 0;
}
.pages .breadcrumb_steps li a {
  color: white;
  text-decoration: none;
  padding: 10px 0 10px 45px;
  position: relative;
  display: inline-block;
  width: calc(90%);
  background-color: #d4d4d4;
  text-align: center;
  text-transform: capitalize;
}
.pages .breadcrumb_steps li.completed a {
  background: brown;
  background: #3bc989;
}
.pages .breadcrumb_steps li.completed a:after {
  border-left: 30px solid #3bc989;
}
.pages .breadcrumb_steps li.active a {
  background: #ffc107;
}
.pages .breadcrumb_steps li.active a:after {
  border-left: 30px solid #ffc107;
}
.pages .breadcrumb_steps li:first-child a {
  padding-left: 15px;
}
.pages .breadcrumb_steps li:last-of-type a {
  width: calc(62%);
}
.pages .breadcrumb_steps li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
.pages .breadcrumb_steps li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #d4d4d4;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.pages-nav,
.pages > .row {
  background-color: #fff;
}
.pages-content {
  background-color: #EAEAEA;
  padding: 0 15px;
}
.pages-content .tab-content {
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.pages-content .train-type > .btn-group > .btn {
  border-radius: 4px !important;
  margin-bottom: 5px;
}
.pages-ticker {
  background-color: #575757;
  color: #FFF;
  padding: 0 15px;
}
.pages-ticker .column {
  float: left;
}
.pages-ticker .left {
  width: 80%;
}
.pages-ticker .right {
  width: 20%;
}
.pages-ticker .rotate {
  height: 162px;
  text-align: center;
}
.pages-ticker .rotate button {
  margin-top: 75px;
  color: #FFF;
}
.pages-ticker .btn-rotate {
  color: #FFF;
}
/*====== Posts ======*/
.posts .posts-image {
  position: relative;
}
.posts .posts-category {
  position: absolute;
  color: #fff;
  left: 0px;
  bottom: 0px;
}
.posts .posts-title a {
  font-size: 22px;
  color: #fff;
}
.posts .btn-buy {
  background: #fff;
  text-align: center;
}
.posts .btn-more {
  background: transparent;
  text-align: center;
  border: #000 2px solid;
  color: #000;
}
.posts .promo .posts-category {
    background-color: rgb(233 208 24);
}
.posts .promo .posts-content {
  background-color: #e9d01a;
}
.posts .promo .btn-buy {
  color: #e9931a;
}
.posts .travel .posts-category {
  background-color: rgba(22, 145, 190, 0.8);
}
.posts .travel .posts-content {
  background-color: #1691be;
}
.posts .travel .btn-buy {
  color: #1691be;
}
.posts .shop .posts-category {
  background-color: rgba(89, 146, 14, 0.8);
}
.posts .shop .posts-content {
  background-color: #59920e;
}
.posts .shop .btn-buy {
  color: #59920e;
}
/*====== News ======*/
.news {
  background-color: #fff;
}
.news .news-header {
  border-bottom: #d0d0d0 1px solid;
}
.news .news-header .news-title {
  font-size: 24px;
}
.news .news-body .column {
  padding: 10px;
  border-bottom: #f3f3f3 1px solid;
}
.news .news-body span:first-child {
    width: 100%;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 1em;
}
.news .news-body span:nth-child(2) {
  width: 51%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .news-body span:last-child {
  width: 28%;
  font-size: 15px;
  margin-top: 4px;
  text-align: right;
}
.news .news-body span {
  float: left;
}
.news .news-body a {
  color: #414141;
}
.news .news-body .bg-danger a {
  color: #de0000;
}
/*====== Home-Ticket ======*/
.hoem-ticket {
  background-color: #757575;
  color: #FFF;
}
.hoem-ticket .select {
  width: 100%;
}
.hoem-ticket .form-group {
  margin-bottom: 0;
}
.hoem-ticket button {
  width: 100%;
}
.hoem-ticket #ticket-1,
.hoem-ticket #ticket-3,
.hoem-ticket #ticket-4 {
  padding: 0 15px;
}
.hoem-ticket #ticket-1 .column,
.hoem-ticket #ticket-3 .column,
.hoem-ticket #ticket-4 .column {
  float: left;
}
.hoem-ticket #ticket-1 .left,
.hoem-ticket #ticket-3 .left,
.hoem-ticket #ticket-4 .left {
  width: 80%;
}
.hoem-ticket #ticket-1 .right,
.hoem-ticket #ticket-3 .right,
.hoem-ticket #ticket-4 .right {
  width: 20%;
}
.hoem-ticket #ticket-2 {
  padding: 0 15px;
}
.hoem-ticket .rotate {
  height: 162px;
  text-align: center;
}
.hoem-ticket .rotate button {
  line-height: 162px;
  color: #FFF;
}
/*====== News-Ticker ======*/
.news-ticker .column {
  float: left;
  color: #FFF;
}
.news-ticker .column a {
  color: #FFF;
}
.news-ticker .left {
  background: #1A00DD;
  line-height: 20px;
  width: 16%;
  text-align: center;
}
.news-ticker .right {
  vertical-align: middle;
  background: #D61919;
  line-height: 40px;
  height: 50px;
  width: 84%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*====== Modal ======*/
.modal .modal-body select {
  width: 100%;
}
/*====== Header ======*/
#header {
  background: #FFF;
  color: #00606B;
  z-index: 9998;
  width: 100%;
  padding: 0 15px;
}
#header img {
  max-height: 41px;
  margin: 0 auto;
}
#header .menu-btn,
#header .user-btn {
  background: #FFF;
  color: #00606B;
  border: 0px;
}
/*====== Footer ======*/
#footer {
    background-color: #364A63;
    color: #EAEAEA;
    font-size: 12px;
}
#footer a,
#footer a:hover {
  color: #EAEAEA;
}
/*====== Turtle ======*/
.pages .nav-list-bricks > li > a .sub {
  font-size: 13px;
  font-weight: normal;
  opacity: 0.7;
}
.width-3 {
  width: 29% !important;
}
.btn-group label.width-3:nth-child(2) {
  width: 42% !important;
}
.content-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
  position: relative;
}
.content-title-tag-right {
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  position: absolute;
  right: 15px;
  top: 3px;
}
.msg-box {
  position: relative;
}
.msg-box .msg-date {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 13px;
  opacity: 0.4;
}
.filter-item {
  background-color: #eee;
}
.filter-item-on {
  background-color: #007A91;
  color: #fff;
}
.filter-item-box {
  width: 48%;
  margin-right: 4%;
  float: left;
}
.filter-item-box:nth-child(even) {
  margin-right: 0;
}
.step-progress {
  font-size: 20px;
}
.step-progress li {
  background: #fff;
  border-radius: 5px;
  position: relative;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+1,efefef+100 */
  background: #dbdbdb;
  /* Old browsers */
  background: -moz-linear-gradient(left, #dbdbdb 1%, #efefef 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #dbdbdb 1%, #efefef 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #dbdbdb), to(#efefef));
  background: -o-linear-gradient(left, #dbdbdb 1%, #efefef 100%);
  background: linear-gradient(to right, #dbdbdb 1%, #efefef 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#efefef', GradientType=1);
  /* IE6-9 */
  -webkit-box-shadow: 0 3px 0 #ccc;
  box-shadow: 0 3px 0 #ccc;
}
.step-progress .step1 {
  border-radius: 5px 0 0 5px;
}
.step-progress .step3 {
  border-radius: 0 5px 5px 0;
}
.step-progress li.active {
  background: #00606B;
  color: #fff;
  -webkit-box-shadow: 0 3px 0 #00424a;
  box-shadow: 0 3px 0 #00424a;
  -webkit-filter: inherit;
  filter: inherit;
}
li .step-progress-arr {
  position: absolute;
  font-size: 65px;
  line-height: 20px;
  right: -18px;
  top: -14px;
  z-index: 5;
  color: #EFEFEF;
  background: transparent;
}
li.active .step-progress-arr {
  color: #00606B;
}
.get-ticket-way {
  font-size: 18px;
  line-height: 36px;
  position: relative;
  background-color: #eee;
}
.get-ticket-way-tag-left {
  display: inline-block;
  padding: 0 5px;
  line-height: 36px;
  background: #777;
  color: #fff;
}
.get-ticket-way-tag-right {
  font-size: 13px;
  line-height: 36px;
  position: absolute;
  padding: 0 5px;
  right: 0;
  top: 0;
}
.blacklist-title {
  font-size: 18px;
  line-height: 36px;
  position: relative;
  background-color: #777;
  color: #fff;
}
.blacklist-title-note {
  font-size: 13px;
  line-height: 36px;
  position: absolute;
  padding: 0 5px;
  right: 0;
  top: 0;
}
.blacklist-table {
  background-color: #eee;
}
.blacklist-table td {
  text-align: center;
  padding: 10px 5px;
}
.search-summary-bar {
  background: #666;
  color: #fff5b2;
  position: relative;
  padding: 5px 10px;
  font-size: 1em;
}
.search-summary-way-badge {
  background-color: #fff5b2;
  color: #666;
  display: inline-block;
  padding: 0 8px;
  margin: 5px 5px 5px 0;
  font-size: 1em;
  font-weight: bold;
}
.search-summary-bar-info {
  font-size: 0.7em;
  border-top: 1px solid #777;
  padding: 0 5px 7px;
}
.search-summary-bar-info span {
  display: inline-block;
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  line-height: 1.7em;
  padding: 0 7px;
  margin-right: 5px;
  margin-top: 10px;
}
.search-summary-note {
  background: #ddd;
  position: relative;
  padding: 5px 10px;
  font-size: 0.75em;
}
.search-summary-filter-function {
  position: absolute;
  padding: 5px 10px;
  right: 0;
  top: 0;
}
.trip-column {
  display: table;
    width: 100%;
    /* border-bottom: #ddd solid 1px; */
    padding: 10px 10px;
    border-right: #000000 1px solid;
    border-left: #57b2d4 7px solid;
    border-top: #285161 1px solid;
    border-bottom: #4186a0 8px solid;
    border-radius: 4px;
    box-shadow: brown;
    background: #d6f9ff;
    background: -moz-linear-gradient(top, #d6f9ff 0%, #f4fcff 17%, #f4fcff 89%, #9ee8fa 100%);
    background: -webkit-linear-gradient(top, #d6f9ff 0%,#f4fcff 17%,#f4fcff 89%,#9ee8fa 100%);
    background: linear-gradient(to bottom, #d6f9ff 0%,#f4fcff 17%,#f4fcff 89%,#9ee8fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 );
    margin-bottom: 14px;
    margin-top: 10px;
}
.trip-cell {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 92%;
}
.trip-cell-arr {
  display: table-cell;
  vertical-align: middle;
  width: 8%;
  text-align: right;
  color: #ddd;
}
.trip-cell-text-go {
  position: absolute;
  top: 30px;
  right: -7px;
  font-size: 15px;
  color: #aaa;
}
.trip-tag-box {
  position: absolute;
  right: 0;
  top: 0;
}
.trip-tag-box span {
  display: inline-block;
  border-radius: 4px;
  border: #ccc solid 1px;
  font-size: 0.6em;
  padding: 0 3px;
  margin-right: 3px;
}
.trip-cell-time {
  font-size: 22px;
}
.trip-cell-time span {
  font-size: 15px;
}
.trip-cell-price {
  font-size: 15px;
}
.trip-cell-train-number {
  font-size: 15px;
}
/*?��踝?�?��?��?��嚙賡�?��𨯙��躰�?��萄�躰�肽𨯙*/
a.btn-linear,
.btn-linear {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ffffff+20,ffffff+65,efefef+100 */
  background: #fbfbfb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfb 0%, #ffffff 20%, #ffffff 65%, #efefef 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #ffffff 20%, #ffffff 65%, #efefef 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), color-stop(20%, #ffffff), color-stop(65%, #ffffff), to(#efefef));
  background: -o-linear-gradient(top, #fbfbfb 0%, #ffffff 20%, #ffffff 65%, #efefef 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #ffffff 20%, #ffffff 65%, #efefef 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
  border: 1px solid #b1b1b1;
}
a.btn-linear:hover,
.btn-linear:hover,
a.btn-linear:focus,
.btn-linear:focus,
a.btn-linear:active,
.btn-linear:active {
  color: #333;
  background-color: #fbfbfb;
}
.btn-linear-icon:before {
  color: #00606B;
}
a.btn-linear-disabled,
.btn-linear-disabled,
a.btn-linear-disabled:hover,
.btn-linear-disabled:hover,
a.btn-linear-disabled:focus,
.btn-linear-disabled:focus,
a.btn-linear-disabled:active,
.btn-linear-disabled:active {
  color: #aaa;
  background-color: #ddd;
  cursor: not-allowed;
  border: 1px solid #b1b1b1;
}
.cartlist-head {
  padding: 5px;
  background: #086873;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-bottom: #ccc solid 1px;
}
.cartlist-sec-bar {
  color: #666;
  background: #ddd;
  position: relative;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 30px;
  border-radius: 10px;
  text-align: left;
}
.cartlist-sec-bar-arr {
  color: #666;
  position: absolute;
  padding: 5px 10px;
  font-size: 22px;
  line-height: 30px;
  right: 0;
  top: 0;
}
.search-summary-bar-cartinfo {
  font-size: 13px;
  padding: 5px;
  overflow: auto;
}
.search-summary-bar-cartinfo-cell {
  color: #bbb;
  padding: 0;
  text-align: center;
}
.search-summary-bar-cartinfo-cell span {
  font-size: 20px;
  color: #fff;
  padding: 0 3px;
}
.cartinfo-cell-train-number {
  font-size: 13px;
  background-color: #bbb;
  color: #666;
  padding: 2px 6px;
  border-radius: 6px;
}
.btn-text-333:focus,
.btn-text-333:hover {
  color: #333;
}
.cart-column {
  display: table;
  width: 100%;
  border-bottom: #ddd solid 1px;
  padding: 10px 0;
}
.cart-cell-no,
.cart-cell-info,
.cart-cell-price {
  display: table-cell;
  vertical-align: middle;
}
.cart-cell-no {
  font-size: 28px;
  text-align: center;
  width: 10%;
}
.cart-cell-info {
  text-align: left;
  width: 70%;
}
.cart-cell-price {
  font-size: 15px;
  text-align: right;
  width: 20%;
}
.cart-table {
  width: 100%;
  font-size: 13px;
  line-height: 16px;
}
.cart-table th {
  width: 30%;
  color: #999;
  padding: 2px 3px 2px 0;
  text-align: right;
  font-weight: normal;
}
.cart-table td {
  width: 70%;
  padding: 2px 0;
  text-align: left;
}
.ticket-edit-title-right {
  color: #fff;
  position: absolute;
  right: 10px;
  top: 5px;
}
.bd-invoice-box {
  border: #ddd solid 2px;
  padding: 10px;
  border-radius: 10px;
  position: relative;
}
.bd-invoice-box-note {
  font-size: 13px;
  color: #666;
}
.bd-invoice-box-toall {
  position: absolute;
  right: 0;
  top: -37px;
  font-size: 13px;
  color: #666;
}
.ol-with-table {
  margin: 0 15px;
  padding: 0;
}
.table-basic-blue {
  border-left: #fff solid 1px;
  border-top: #fff solid 1px;
}
.table-basic-blue th,
.table-basic-blue td {
  border-bottom: #fff solid 1px;
  border-right: #fff solid 1px;
  font-size: 16px;
  line-height: 30px;
  padding: 0 3px;
}
.table-basic-blue th {
  background-color: #00606B;
  color: #fff;
  text-align: center;
}
.table-basic-blue th.dark {
  background-color: #086873;
}
.table-basic-blue td.dark {
  background-color: #d9edf7;
}
.process-list {
  margin: 0;
  padding: 0;
}
.process-list li {
  font-size: 15px;
  display: block;
  padding: 3px 0;
  border-radius: 6px;
  background: #ff8400;
  -webkit-box-shadow: 0 3px 0 #ec6416;
  box-shadow: 0 3px 0 #ec6416;
  color: #fff;
  text-align: center;
}
.process-list li.arr {
  font-size: 12px;
  padding: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ff8400;
}
.ticket-calculation-column {
  display: table;
  width: 100%;
  border-top: #ddd solid 1px;
  padding: 10px 0;
}
.ticket-calculation-info,
.ticket-calculation-price {
  display: table-cell;
  vertical-align: middle;
}
.ticket-calculation-info {
  font-size: 15px;
  text-align: left;
  width: 70%;
  padding-left: 10px;
}
.ticket-calculation-info-title {
  font-size: 20px;
}
.ticket-calculation-info-tag {
  display: inline-block;
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  line-height: 1.7em;
  padding: 0 7px;
  margin-right: 5px;
}
.ticket-calculation-price {
  font-size: 15px;
  text-align: right;
  width: 30%;
  padding-right: 10px;
}
.ticket-calculation-price-total {
  font-size: 15px;
  text-align: right;
  background-color: #ddd;
  padding-right: 10px;
}
.ticket-calculation-price span,
.ticket-calculation-price-total span {
  color: #e74c3c;
  font-size: 1.3em;
  font-weight: bold;
}
.ticket-calculation-note {
  font-size: 15px;
  position: relative;
  margin: 0;
}
.ticket-calculation-list,
.ticket-calculation-list ol,
.ticket-calculation-list ul {
  font-size: 15px;
  margin: 0;
  padding: 0 0 0 1em;
}
.ticket-calculation-list ol.clr-list,
.ticket-calculation-list ul.clr-list {
  list-style: none;
}
ul.weather-info {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.weather-info li {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
  color: #666;
  font-size: 18px;
  line-height: 50px;
  height: 50px;
  text-align: center;
}
ul.weather-info li .fa {
  font-size: 25px;
}
.weather-info li:nth-child(3) {
  width: 40%;
}
ul.weather-info li span {
  color: #a4a4a3;
  font-size: 0.8em;
}
.station-info {
  margin: 15px 0;
  padding: 0;
  list-style: none;
}
.station-info li {
  margin: 10px 0;
  font-size: 15px;
}
.station-info li span {
  margin: 0 5px;
  display: inline-block;
  border-left: #ccc solid 1px;
  color: #a4a4a3;
  padding: 0 3px 0 5px;
}
.btn-s-gray {
  display: inline-block;
  border-radius: 4px;
  background-color: #ddd;
  color: #333;
  text-align: center;
  padding: 0 5px;
  margin: 0 3px;
  font-size: 15px;
  line-height: 30px;
}
.btn-s-gray-focus,
.btn-s-gray:hover,
a.btn-s-gray:hover,
a.btn-s-gray:focus,
a.btn-s-gray:active {
  background-color: #333;
  color: #ddd;
}
.arr-title-w-bk {
  color: #666;
  position: relative;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}
.arr-title-w-bk-arr {
  color: #ccc;
  position: absolute;
  font-size: 22px;
  line-height: 30px;
  right: 20px;
  top: 0;
}
.train-timeline-table td {
  border-bottom: #ccc solid 1px;
  padding: 10px 3px;
  font-size: 13px;
}
.train-timeline-label {
  background-color: #666;
  color: #fff;
  padding: 3px;
}
.plan-service-box h4 {
  border: 1px solid #ccc;
  padding: 10px 15px;
  -webkit-box-shadow: 1px 2px 0 #ccc;
  box-shadow: 1px 2px 0 #ccc;
  margin: 10px 0;
  font-size: 20px;
  font-weight: normal;
}
.plan-service-box ul {
  margin: 0;
  padding: 0;
  list-style: inside;
}
.plan-service-box ul li {
  color: #888;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px dotted #ccc;
  padding: 0 0 5px 30px;
  margin-bottom: 5px;
  text-indent: -21px;
}
.plan-service-box ul li span {
  color: #333;
}
.around-box {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #eee;
}
.around-box-title {
  font-size: 22px;
  margin-top: 5px;
}
.around-box-title-color {
  font-size: 22px;
  line-height: 25px;
  height: 25px;
  margin: 15px 0 10px 0;
  padding-left: 5px;
  border-left: #00606B solid 3px;
}
.around-box-info {
  font-size: 15px;
  border-left: 1px solid #ccc;
  margin: 5px 10px;
  padding-left: 10px;
}
.around-box-note {
  font-size: 15px;
}
.around-box-note ul,
.around-box-note ol {
  padding-left: 1.5em;
}
.train-baggage-title {
  border-bottom: #ccc solid 1px;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #333;
}
.train-baggage-subtitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  padding: 0 0 0 20px;
  margin: 5px 0;
  color: #333;
  text-indent: -9px;
}
.train-baggage-list {
  font-size: 15px;
  line-height: 20px;
  padding: 0 0 0 15px;
  margin: 10px 5px;
  color: #333;
}
.train-baggage-note {
  font-size: 13px;
  line-height: 18px;
  color: #666;
}
.text-white,
a.text-white {
  color: #fff !important;
}
.btn-gray-line,
.btn-gray-line:hover,
.btn-gray-line:active,
.btn-gray-line:focus {
  border: #ccc solid 1px;
  border-radius: 0;
  background-color: #fff;
}
.project-table {
  border-top: #ccc solid 1px;
}
.project-table th {
  border-bottom: #ccc solid 1px;
  background-color: #eee;
  color: #333;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  padding: 5px 3px;
}
.project-table th.project-table-th-title {
  font-size: 14px;
  text-align: left;
}
.project-table td {
  border-bottom: #ccc solid 1px;
  color: #333;
  font-size: 14px;
  padding: 5px 3px;
}
.ticket-head {
  background-color: #086873;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
.booking-day-tour-checkbox {
  background-color: #ddd;
  border-radius: 4px;
  color: #333;
  text-align: left;
  padding: 10px 15px;
}
.booking-day-tour-checkbox .checkbox {
  padding-left: 32px;
  font-size: 14px;
}
.tra-box {
  border: 1px solid #ccc;
  margin-bottom: 30px;
}
.tra-box-img img {
  width: 100%;
}
.tra-box-desc {
  padding: 10px 15px;
  text-align: left;
  line-height: 1.5;
}
.tra-box-title {
  font-size: 24px;
}
.tra-box-tag {
  font-size: 15px;
  display: inline-block;
  margin: 0 10px 5px 0;
  color: #777;
}
.tra-box-btn {
  border: #00606B solid 2px !important;
  background-color: #fff !important;
  color: #00606B !important;
}
.tra-box-btn:hover,
.tra-box-btn:focus,
.tra-box-btn:active {
  background-color: #00606B !important;
  color: #fff !important;
}
.small-gray-text {
  color: #737373;
  font-size: 12px;
}
.bd-ddd-box {
  border: #ddd solid 2px;
  padding: 0;
  border-radius: 10px;
}
.bd-ddd-box-title {
  background-color: #ddd;
  color: #333;
  padding: 5px 0;
  border-radius: 8px 8px 0 0;
  text-align: center;
}
.store-box {
  border: #ddd solid 1px;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 16px;
}
.store-box span {
  font-size: 20px;
}
.store-box-cell-ilne {
  border-bottom: #ddd solid 1px;
}
/* fix */
.fix-font-size-15 {
  font-size: 15px;
}
.fix-display-inline-block {
  display: inline-block;
  width: auto;
}
.fix-overflow-auto {
  overflow: auto;
}
.modify .fix-checkbox {
  padding-left: 32px;
  font-size: 14px;
}

.n-title {
	width: 100%;
	float: left;
	color: #fff;
	background: #5697a2;
	text-align: center;
	font-size: 1.3em;
}

.nt-1 {
	background: #2fb2ff;
	border-radius: 6px;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	margin-left: 3px;
}

.nt-2 {
	background: #f95f00;
	border-radius: 6px;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	margin-left: 3px;
}