#myContent {
  font-size: 1.2em;
  line-height: 1.7em;
  text-align: justify;
}
#myContent h1 {
  line-height: 1.5em !important;
}

.panel-group .panel {
  border-radius: 10px !important;
}

.panel-heading {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

#dayplan img {
  border-radius: 10px;
}

#dayplan {
  margin-bottom: 30px;
}

.nopadding {
  padding: 0 !important;
}

.myicon-bus {
  padding: 0 0 0 30px;
  background: url(/Public/images/ebt/images/bus.svg) no-repeat 0 0.2em;
  background-size: 1.2em 1.2em;
}

.myicon-button {
  border-width: 1px;
  border-style: solid;
  border-color: #b10a9f;
  text-align: center;
  background-color: #b10a9f;
  color: #ffffff;
  display: inline-block;
  padding: 0 6px;
}

.myicon-button2 {
  border-width: 1px;
  border-style: solid;
  border-color: #ec6941;
  text-align: center;
  background-color: #ec6941;
  color: #ffffff;
  display: inline-block;
  padding: 0 6px;
}

.boombutton {
  padding: 0 10px 0 0;
}

.myicon-point span {
  font-weight: 600;
  color: #ec6941;
}

.myplan {
  background: url(/Public/images/ebt/images2024/airplane.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mybus {
  background: url(/Public/images/ebt/images2024/bus2.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mycamera {
  background: url(/Public/images/ebt/images2024/camera.svg) no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mymoney {
  background: url(/Public/images/ebt/images2024/money.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mygoodpoint {
  background: url(/Public/images/ebt/images2024/goodpoint.svg) no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.myfood {
  background: url(/Public/images/ebt/images2024/food.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mypeople {
  background: url(/Public/images/ebt/images2024/people.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mybed {
  background: url(/Public/images/ebt/images2024/bed.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}
.myflower {
  background: url(/ebt/images/flower4.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.onestar {
  background: url(/ebt/images/1star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.twostar {
  background: url(/ebt/images/2star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.threestar {
  background: url(/ebt/images/3star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.fourstar {
  background: url(/ebt/images/4star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.fivestar {
  background: url(/ebt/images/5star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mystar {
  background: url(/ebt/images/star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mycableway {
  background: url(/Public/images/ebt/images2024/cableway.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mytrain {
  background: url(/Public/images/ebt/images2024/train.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.myship {
  background: url(/Public/images/ebt/images2024/ship.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}
.myseat {
  background: url(/Public/images/ebt/images2024/myseat.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mywalk {
  background: url(/Public/images/ebt/images2024/mywalk.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.myplan2 {
  background: url(/Public/images/ebt/images2024/airplane.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mybus2 {
  background: url(/Public/images/ebt/images2024/bus2.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mycamera2 {
  background: url(/Public/images/ebt/images2024/camera.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 1.8em;
  vertical-align: middle;
  margin: 0 5px;
}

.mymoney2 {
  background: url(/Public/images/ebt/images2024/money.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mygoodpoint2 {
  background: url(/Public/images/ebt/images2024/goodpoint.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.myfood2 {
  background: url(/Public/images/ebt/images2024/food.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mybed2 {
  background: url(/Public/images/ebt/images2024/bed.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}
.myflower2 {
  background: url(/ebt/images/flower4.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.onestar2 {
  background: url(/ebt/images/1star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.twostar2 {
  background: url(/ebt/images/2star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.threestar2 {
  background: url(/ebt/images/3star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.fourstar2 {
  background: url(/ebt/images/4star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.fivestar2 {
  background: url(/ebt/images/5star.svg) no-repeat;
  display: inline-block;
  width: 2.2em;
  height: 1.7em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mystar2 {
  background: url(/Public/images/ebt/images2024/star.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mycableway2 {
  background: url(/Public/images/ebt/images2024/cableway.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mytrain2 {
  background: url(/Public/images/ebt/images2024/train.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.myship2 {
  background: url(/Public/images/ebt/images2024/ship.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mypeople2 {
  background: url(/Public/images/ebt/images2024/people.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.myseat2 {
  background: url(/Public/images/ebt/images2024/myseat.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.mywalk2 {
  background: url(/Public/images/ebt/images2024/mywalk.svg) no-repeat;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  margin: 0 5px;
}

.spot {
  color: #b10a9f;
}

.kspot {
  font-weight: 500;
  color: #ff0096;
}

.dashed-b {
  border-bottom: dashed 1px #cccccc;
}

.dashed-t {
  border-top: dashed 1px #cccccc;
}

.dashed-l {
  border-left: dashed 1px #cccccc;
}

.fireline {
  padding: 0.5em;
}

.center {
  text-align: center;
}

.calendar {
  background: url(/ebt/images/calendar.svg) no-repeat;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 1.7em;
  vertical-align: middle;
  margin: 0 5px;
  font-weight: 500;
  font-size: 1.4em;
  padding: 18px 0 0 0;
  text-align: center;
}

.mydayNum {
  padding: 10px;
}

.mytopbar {
  background-color: #b10a9f;
  color: #ffffff;
  padding: 5px;
  z-index: 999;
  width: 1168px;
}

.mytopbar-title {
  padding: 0 0 0 1%;
}

.mytopbar-btn {
  text-align: center;
}

.mytopbar-btn a {
  color: #ffffff;
}

.mytopbar-btn a:hover {
  color: #fff100;
}

.ending {
  text-align: center;
  font-weight: 500;
  font-size: 1.4em;
  padding: 10px;
}

.otherstart {
  text-align: center;
  font-weight: 500;
  font-size: 1.4em;
  padding: 10px;
  color: #ffffff;
  background-color: #22ac38;
}

#noticeTabContent {
  padding: 10px;
  font-size: 14px;
}
#noticeTabContent h3 {
  font-size: 1.3em;
}
#noticeTabContent h4 {
  font-size: 1.1em;
}

.tipsbox {
  background-color: #ffdf50;
  padding: 1em;
  border: 0.5em solid #fdb813;
  border-radius: 1em;
}
.tipsbox strong {
  background-color: #fef200;
}
.tipsbox2 {
  padding: 1em;
}
.tipsbox2 p {
  padding-top: 0.5em;
}

.mydayNum2 {
  display: none;
  padding: 15px 0 10px 0;
}

/* 2019 new */

.imgpadding {
  padding: 0 0 6px 0;
}

.xsnav1 {
  text-align: center;
  border-right: thin #e5e5e5 solid;
  border-bottom: thin #e5e5e5 solid;
  border-top: thin #e5e5e5 solid;
  padding: 3px 0 5px 0;
}

.xsnav2 {
  text-align: center;
  border-bottom: thin #e5e5e5 solid;
  border-top: thin #e5e5e5 solid;
  padding: 0 0 5px 0;
}

#pricebox {
  border: thin solid #e5e5e5;
  margin-top: 5px;
  margin-bottom: 5px;
}

.pb1 {
  padding-top: 25px !important;
  text-align: center;
}

.pb2 {
  border-left: thin solid #e5e5e5;
  border-right: thin solid #e5e5e5;
}

.pb3 {
  padding-top: 25px !important;
}

.xway {
  font-size: 20px;
}

.clearfloat {
  clear: both;
}

#navbar-ebt {
  background: #e5e5e5;
}

#navbar-ebt a:hover {
  background: #af039d;
  color: #ffffff;
}

#navbar-ebt .active {
  background: #af039d;
  color: #ffffff;
}

#navbar-ebt .active a {
  color: #ffffff !important;
}

#tripPoint .xxhead u {
  text-decoration-style: dashed;
}
.xxhead {
  font-size: 1.35em;
  font-weight: bold;
  color: #454545;
  text-align: left;
  margin: 15px 0 15px 0;
  padding-bottom: 5px;
  line-height: 1.5em;
  border-bottom: 4px solid #eb7a77;
}

.pointii {
  font-weight: bold;
  position: relative;
  padding: 0 0 0 20px;
  font-size: 1em;
}

.pointii:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-left: 7px solid #eb7a77;
}

figcaption {
  color: #808080;
  font-style: italic;
  font-size: 0.9em;
  text-align: right;
}

.xpoint {
  padding-bottom: 10px;
}

.xpoint span {
  font-weight: bold;
}

.xpoint ul {
  margin-left: 0;
  padding-left: 0;
}

.xpoint li {
  list-style-type: square;
  margin-left: 20px;
}
.xpoint2 span {
  color: #e70e51;
  font-size: 1.1em;
  font-weight: 500;
}

.dpt {
  padding: 10px 5px;
}

.dpt span {
  font-size: 0.9em;
  color: #545454;
  padding-left: 8px;
}

.fa-plus-circle {
  display: none;
}

#firstday .fa-minus-circle {
  display: block;
}

#firstday .fa-plus-circle {
  display: none;
}

.collapsed .fa-minus-circle,
#firstday.collapsed .fa-minus-circle {
  display: none;
}

.collapsed .fa-plus-circle,
#firstday.collapsed .fa-plus-circle {
  display: block;
}

.imline {
  border-bottom: thin solid #e5e5e5;
  padding-bottom: 6px;
}

.infobox {
  border-top: thin solid #e5e5e5;
}

.infobox p {
  margin-bottom: 0;
  padding: 5px 0 10px 5px;
}

.imrightline {
  border-right: thin solid #e5e5e5;
}

.panel-body {
  padding-bottom: 0 !important;
}

.table {
  font-size: 0.9em;
}

#fixBar {
  transition: all 0.25s ease-in-out;
}
#fixBar td {
  color: #fff;
  background: #06c;
}

#pricetable a {
  display: block;
  padding: 4px;
  background: #63c;
  color: #fff;
}
#pricetable td {
  border: 1px solid #e5e5e5;
  text-align: center;
}
#pricetable tr {
  background: #fff;
}
#pricetable tr:nth-child(2n-1) {
  background-color: #daeef6;
  transition: all 0.125s ease-in-out;
}
#pricetable tr:hover {
  background-color: #39c;
  color: #fff;
}

/* taste*/

#taste {
  background: #fae7cb;
}

.tastehead {
  background-image: url(/ebt/images2019/taste.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 70px 40px 40px 200px;
}

#original {
  background: #cce198;
}

.originalhead {
  background-image: url(/ebt/images2019/original.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 70px 40px 40px 200px;
}

#hiking {
  background: #baeeec;
}

.hikinghead {
  background-image: url(/ebt/images2019/hiking.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 70px 40px 40px 200px;
}

#explore {
  background: #a9d5f6;
}

.explorehead {
  background-image: url(/ebt/images2019/explore.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 70px 40px 40px 200px;
}

#shrine {
  background: #c6defe;
}

.shrinehead {
  background-image: url(/ebt/images2019/shrine.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 70px 40px 40px 200px;
}

.probox {
  margin-bottom: 20px;
}

.protext {
  background-color: #ffffff;
}

.protext p {
  margin-bottom: 0;
}

.protext {
  padding-bottom: 8px;
}

.proimg {
  background-color: #ffffff;
  padding: 8px;
}

.protitle a {
  color: #bb43ac;
}

.proday {
  color: #545454;
}

.proprice span {
  color: #ff0000;
  font-size: 1.4em;
}

.textli {
  background: url(/Public/images/ebt/images2024/li.svg) no-repeat;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.7em;
  vertical-align: middle;
}
.otherp {
  padding-left: 6px;
  text-decoration: none;
}

.otherp a:hover {
  text-decoration: none;
}

.otherdiv {
  border-bottom: thin solid #d5d5d5;
}

.otherimg {
  padding: 6px 6px 0 6px;
}

.otherimg img {
  box-shadow: 0px 2px 3px #888888;
}

.otherdiv:hover {
  background: #e1e1e1;
}

.ranking-heading {
  margin-bottom: 10px;
}

.ranking-heading .headerx {
  display: block;
  letter-spacing: 1px;
  color: #0f2f46;
  line-height: 25px;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 1080px) {
  .ranking-heading .headerx:before {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 70px;
    height: 10px;
  }

  .ranking-heading .headerx:after {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 70px;
    height: 10px;
  }

  .ranking-heading .headerx:before,
  .ranking-heading .headerx:after {
    content: "";
    background-image: -webkit-repeating-linear-gradient(135deg, #0f2f46, #0f2f46 1px, transparent 1px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #0f2f46, #0f2f46 1px, transparent 1px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
.rightport {
  padding-right: 0;
  padding-left: 0;
  padding-top: 15px;
}

.fixright {
  position: fixed;
  right: 0;
  top: 50px;
  width: 300px;
}

.iocntext {
  text-align: center;
  font-size: 0.8em;
}

.iocntext a {
  margin-bottom: 10px;
}

.vtext {
  font-size: 30px;
  color: #a51aa8;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}

.glacier {
  margin-top: -60px;
}

@media (max-width: 1199px) {
  .mytopbar {
    width: 968px;
  }
  .protext {
    min-height: 3.9em;
  }
  .glacier {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .mydayNum {
    padding: 5px;
  }
  .calendar {
    width: 40px;
    height: 40px;
    padding: 7px 0 0 0;
  }
  .mytopbar {
    width: 748px;
  }
  .tripthumb {
    top: 300%;
    right: 0px;
  }
  #myContent {
    font-size: 1em;
  }

  .pb2 {
    border-right: none;
  }
  .pb3 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-top: thin solid #e5e5e5;
  }
}
@media (max-width: 767px) {
  .mydayNum {
    padding: 5px;
  }
  .calendar {
    width: 40px;
    height: 40px;
    padding: 7px 0 0 0;
  }
  .mytopbar {
    width: 100%;
  }
  .mytopbar-title {
    text-align: center;
  }
  .mydayNum {
    display: none;
  }
  .mydayNum2 {
    display: block;
  }

  #pricebox {
    padding: 5px;
    border: none;
  }

  .pb1 {
    padding-top: 0 !important;
    padding-bottom: 5px !important;
  }
  .pb2 {
    border: none;
    border-top: thin solid #e5e5e5;
    border-bottom: thin solid #e5e5e5;
  }
  .pb3 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-bottom: thin solid #e5e5e5;
    border-top: none;
  }

  .xway {
    font-size: 18px;
  }

  #myContent {
    font-size: 1em;
  }
  .tastehead {
    background-image: none;
    padding: 0;
  }
  .tastehead p {
    padding: 0 20px;
  }
  .leftport {
    border-right: none;
  }
  .imrightline {
    border-right: none;
  }
  .protext {
    min-height: auto !important;
  }

  .originalhead,
  .hikinghead,
  .explorehead,
  .shrinehead {
    background-image: none;
    padding: 0;
  }
  .originalhead p,
  .hikinghead p,
  .explorehead p,
  .shrinehead p {
    padding: 0 20px;
  }
}

.tripTitle {
  z-index: 101;
}
.tripIcon {
  z-index: 100;
}
.tripthumb {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 99;
}

.img-rounded {
  margin: 10px;
}

.alert-hit {
  display: inline-block;
  border: 1px solid #4e3333;
  background: #a40000;
  color: #ffffff !important;
  border-radius: 5px;
  padding: 3px 6px;
}

/* About */
.aboutebt {
  padding: 0;
  font-size: 1em;
  color: #000;
  background-color: #fffac1;
  background: -moz-linear-gradient(top, #fffac1 0%, #fff452 50%, #bdd630 100%);
  background: -webkit-linear-gradient(top, #fffac1 0%, #fff452 50%, #bdd630 100%);
  background: -o-linear-gradient(top, #fffac1 0%, #fff452 50%, #bdd630 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fffac1, endColorstr=#bdd630); /*IE<9>*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fffac1, endColorstr=#bdd630)"; /*IE8+*/
}
#aboutheader {
  background: url(/ebt/images/about_headerbg.png);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
#aboutheader p {
  padding: 1em;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.5em;
}
@media (min-width: 768px) {
  #aboutheader p {
    margin-left: -1em;
    margin-right: 1em;
  }
}
.aboutebt h1 {
  text-align: center;
  font-size: 2em;
  font-weight: bolder;
  color: #000;
}

.aboutebt h2 {
  font-size: 1.5em;
  font-weight: bolder;
  color: #0071bd;
}
.aboutebt h2 i {
  font-size: 1em;
  color: yellow;
  padding: 0.2em 0.5em;
  background-color: #d2340f;
  border-radius: 1em;
}
@media (max-width: 767px) {
  .aboutebt h1 {
    font-size: 1.3em;
  }

  .aboutebt h2 {
    font-size: 1.2em;
    line-height: 2em;
  }
}
.aboutebt ul {
  padding-left: 0.5em;
}
.aboutebt ul li {
  margin-left: 1em;
}

@media (min-width: 768px) {
  .aboutebt p,
  .aboutebt ul {
    font-size: 1em;
    line-height: 1.5em;
  }
}

@media (min-width: 992px) {
  .aboutebt p,
  .aboutebt ul {
    font-size: 1.2em;
    line-height: 1.6em;
  }
}

@media (min-width: 1200px) {
  .aboutebt p,
  .aboutebt ul {
    font-size: 1.3em;
    line-height: 1.8em;
  }
}
.aboutcontent {
  padding: 0;
}
.aboutcontent a:hover img {
  background-color: rgba(254, 254, 210, 0.5);
}

/* Feature */
.featurecontent {
  padding: 0 1em;
  font-size: 1.1em !important;
}
.featurecontent p {
  text-indent: 2em;
}

#tourvideo{
  width: 100%;
  aspect-ratio: 16 / 9;
}

.pagetitle h1 {
  font-size: 2em;
  padding: 20px 0;
  margin: 0;
}

.btn-download {
  font-size: 1.3em;
  letter-spacing: 3px;
}

@media (max-width: 767px) {
  .featurecontent h2 {
    font-size: 1.1em;
  }
  #tourvideo {
    height: 230px;
  }
  .pagetitle h1 {
    font-size: 1.2em;
    padding: 10px 0;
  }
  .otherdiv {
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    text-align: left;
  }
  .ranking-heading .headerx {
    font-size: 1.2em;
    font-weight: bold;
    color: #454545;
    text-align: left;
    margin: 15px 0 15px 0;
    padding-bottom: 5px;
    padding-left: 15px;
    line-height: 1.5em;
    border-bottom: 4px solid #eb7a77;
    display: block;
  }
}

/* 2024 new */

.mytdred {
  color: #a40000;
  font-weight: bold;
}

.otherimg {
  overflow: hidden;
  position: relative;
}

.otherimg img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

.otherdiv:hover img {
  transform: scale(1.2);
}

#dayplan .panel-heading a {
  display: block;
  padding: 15px 20px;
  font-weight: bold;
  text-decoration: none !important;
}

#dayplan.panel-heading a:hover,
#dayplan .panel-heading a:focus {
  text-decoration: none;
  opacity: 0.9;
}

#dayplan .panel-heading a.collapsed {
  background: #f8f9fa;
  color: #333 !important;
}

#dayplan .panel-title a:after {
  font-family: "FontAwesome";
  content: "\f068"; /* minus */
  float: right;
  margin-top: 4px;
}

#dayplan .panel-title a.collapsed:after {
  content: "\f067"; /* plus */
}

#dayplan .panel {
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
}

#dayplan .panel-heading {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  padding: 0;
}

#dayplan .panel-title a {
  display: block;
  padding: 18px 20px;
  color: #333;
  font-weight: 500;
  transition: all 0.3s;
  font-size: 20px;
  line-height: 30px;
}

#dayplan .panel-title a:hover {
  background-color: #e9ecef;
}

#dayplan .panel-title a[aria-expanded="true"] {
  background-color: #007bff;
  color: white;
}

#dayplan .panel-body {
  border: none;
  padding: 25px !important;
  background: #f1f4fb;
}

#dayplan .panel-body-content {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 10px;
}
.setblue {
  color: #007bff;
}

.content-box-line {
  padding: 10px;
  border-bottom: 1px solid #35a9db;
}

.content-title {
  color: #007bff;
  font-weight: bold;
  font-size: 18px;
}

.content-title-en {
  padding-left: 20px;
}

.content-box-line p {
  margin-bottom: 0;
}

.content-city {
  color: #a51aa8;
  display: inline-block;
  padding-right: 5px;
}

.separator {
  color: #6c757d;
  margin: 0 12px;
  font-weight: 300;
  font-size: 1.3em;
  vertical-align: middle;
}

.setred {
  font-size: 20px;
  color: #a40000;
}

.ppk > thead > tr > th,
.ppk > tbody > tr > th,
.ppk > tfoot > tr > th,
.ppk > thead > tr > td,
.ppk > tbody > tr > td,
.ppk > tfoot > tr > td {
  border-color: #a50082 !important;
}

.bgpt {
  background-color: #510056;
  color: #ffffff;
}

#pricetable td {
  vertical-align: middle;
}

.pricepink {
  font-size: 20px;
  font-weight: bold;
  color: #d60077;
}

.priceblue {
  font-size: 20px;
  color: #0545e5;
}

.btitlez {
  text-align: center;
  color: #a50082;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  padding: 15px 0;
}

.ttbox {
  border: none !important;
  margin: 0;
  padding: 0;
}
.bb20 {
  font-weight: bold;
  font-size: 20px;
}

@media (max-width: 767px) {
  #dayplan .panel-title a {
    font-size: 16px;
    line-height: 26px;
  }
  #dayplan .panel-title a:after {
    margin-top: 0;
  }
  #dayplan .panel-body {
    padding: 10px !important;
  }
  #dayplan ul {
    padding-left: 15px;
  }
  .content-title {
    font-size: 16px;
  }
  .content-title-en {
    font-size: 12px;
    line-height: 18px;
  }
  .btitlez {
    font-size: 15px;
  }
  .pricepink {
    font-size: 16px;
  }
  .bb20 {
    font-size: 16px;
  }
  .xs-nopadding {
    padding: 0 !important;
  }
  .xpoint {
    padding: 0 !important;
  }
  .xxhead {
    padding: 0 5px !important;
  }

  .xs-padding-top {
    padding-top: 10px !important;
  }
}