table td {
  height: 30px;
  padding: 5px 5px;
}
.btitle {
  background-color: #00a0d9;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 5px;
}
.btitle p {
  color: #ffffff;
  margin-top: 10px;
}
.title {
  font-weight: bolder;
}

.pagesmainbox {
  padding: 0 15px 0 0;
  margin-bottom: 15px;
}

.classicsson {
  padding: 10px;
  text-align: center;
}

.classicsson span {
  font-size: 1.3rem;
  line-height: 2rem;
}

.dayBox {
  border-bottom: 1px dashed #ccc;
  display: flex;
}

.dayBox dd {
  text-align: center;
}

.dayNo {
  padding-top: 5px;
  padding-bottom: 5px;
}
.dayContent {
  border-left: 1px dashed #ccc;
  text-align: justify;
}
.dayTitle {
  color: #a934b0;
  border-bottom: 1px dashed #ccc;
  margin: 0;
  padding: 5px 0;
  font-family: "NotoSansTC-Medium";
  font-weight: 500;
}
.dayTitle a {
  color: #a934b0;
}
.dayTitle a:hover {
  text-decoration: none;
}
.dayTxt {
  margin: 0;
  padding: 5px 0;
}
.dayTxt a {
  color: #000000;
}
.dayTxt a:hover {
  text-decoration: none;
}
.dayBox dt {
  font-weight: 400;
}

.dayTitle p {
  margin-bottom: 0;
}

.daytxt-city {
  font-family: "NotoSansTC-Medium";
  font-weight: 500;
  display: inline-block;
}

.text-indent-1 {
  text-indent: -1rem;
  padding-left: 1rem;
}

.text-indent-2 {
  text-indent: -2rem;
  padding-left: 2rem;
}

.text-indent-3 {
  text-indent: -3rem;
  padding-left: 3rem;
}

.text-indent-4 {
  text-indent: -4rem;
  padding-left: 4rem;
}

.text-indent-5 {
  text-indent: -5rem;
  padding-left: 5rem;
}

.text-indent-6 {
  text-indent: -6rem;
  padding-left: 6rem;
}

.text-indent-7 {
  text-indent: -7rem;
  padding-left: 7rem;
}

.text-indent-8 {
  text-indent: -8rem;
  padding-left: 8rem;
}

.text-indent-9 {
  text-indent: -9rem;
  padding-left: 9rem;
}

.text-indent-10 {
  text-indent: -10rem;
  padding-left: 10rem;
}

.color-blue {
  color: #00479d;
}

.icon-plan {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/public/images/classics/icon-plane.jpg) 5px 2px no-repeat;
  padding: 0 3px;
  vertical-align: bottom;
}
.icon-plane {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/public/images/classics/icon-plane.jpg) 5px 2px no-repeat;
  padding: 0 3px;
  vertical-align: bottom;
}
.icon-food {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/public/images/classics/icon-food.jpg) 5px 2px no-repeat;
  padding: 0 3px;
  vertical-align: bottom;
}
.icon-pay {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/public/images/classics/icon-pay.jpg) 5px 2px no-repeat;
  padding: 0 3px;
  vertical-align: bottom;
}
.icon-photo {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/public/images/classics/icon-photo.jpg) 5px 2px no-repeat;
  padding: 0 3px;
  vertical-align: bottom;
}
.icon-house {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/public/images/classics/icon-house.jpg) 5px 2px no-repeat;
  padding: 0 3px;
  vertical-align: bottom;
}
.icon-hotel {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/public/images/classics/icon-hotel.jpg) 5px 2px no-repeat;
  padding: 0 3px;
  vertical-align: bottom;
}
.icon-train {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/public/images/classics/icon-train.jpg) 5px 2px no-repeat;
  padding: 0 3px;
  vertical-align: bottom;
}
.icon-cruise {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/public/images/classics/icon-cruise.jpg) 5px 2px no-repeat;
  padding: 0 3px;
  vertical-align: bottom;
}
.dayContent dt {
  text-align: center;
}

#dayQuick {
  position: relative;
}
#dayFixBox {
  position: fixed;
  top: 0;
  width: 85px;
  z-index: 20000;
  text-align: center;
  margin: 0 0 0 -85px;
  display: none;
}
#dayFixBox ul {
  margin: 0;
  padding: 5px 0;
  list-style: none;
  background: rgba(47, 115, 187, 1);
}
#dayFixBox li {
  padding: 0;
  margin: 0 10px;
}
#dayFixBox a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
}
.dayOn {
  background: rgba(239, 232, 71, 1);
}
.dayOn a {
  color: rgba(245, 122, 57, 1) !important;
}
#index {
  background: #ffffaf;
  position: relative;
  font-size: 14px;
  line-height: 22px;
}
.dayNote {
  display: inline-block;
  width: 200px;
}
.dayNote2 {
  display: inline-block;
  width: 300px;
}

#dayEnd {
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
#contentBox img {
  border: none;
}
#dayFixBox a {
  outline: none;
}
#dayPs {
  font-size: 0.8rem;
  line-height: 20px;
  padding: 0 10px;
}

#xingcheng {
  padding: 0 0 30px 0;
}
#xingcheng a {
  text-decoration: none;
}
#xingcheng dl {
  width: 306px;
  float: left;
  margin: 0;
  padding: 10px 10px 0 10px;
}
#xingcheng dt {
  padding: 0;
  margin: 0;
}
#xingcheng dd {
  padding: 3px 0;
  margin: 0;
  line-height: 22px;
  height: 40px;
}
.btnview {
  text-align: right;
  height: 26px !important;
}
.bgcolor {
  background: #eeeeef;
}

#xingcheng dt span {
  font-size: 16px;
  color: #03c;
  font-weight: bold;
}
#price {
  background: #ffc;
  position: relative;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

#prices td {
  font-size: 14px !important;
}

.noborder {
  border: none !important;
}

.gtts {
  background: #d62a4b;
  color: #ffffff;
  font-weight: 500;
  font-family: "NotoSansTC-Medium";
  padding: 0.3rem 1rem;
}

.gtts-ul p:first-child {
  color: #00a0d9;
}

.gtts-ul p:last-child {
  padding-bottom: 1rem;
}

.gtts-ps {
  padding-left: 1.5rem;
  font-size: 0.9rem;
}

.disbox {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (max-width: 767px) {
  .pagesmainbox {
    padding: 0;
  }

  .dayBox {
    padding: 0;
  }
}

body,
html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.content-wrap {
  flex: 1;
}