@charset "utf-8";
/* CSS Document */

.tab_container {
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #0080cc;
  margin: 0 auto;
}
.tab_item {
  width: calc(100%/2);
  padding:15px 0;
  border-bottom: 3px solid #0080cc ;
  background-color: #ececec;
  text-align: center;
  color: #0080cc ;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor: pointer;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 1em 1em 0;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content {
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #0080cc ;
  color: #fff;
}
.tab_content_description{
  text-align: center;
  font-size: 12px;
}
.tab_content_description p{
	margin: 16px 0;
}
.tab_content_description th{
  background-color: #0080cc;
  color: #ffffff;
  font-size: 12px;
}
.scheduletitle {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}
.schedule{
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.schedule tr:nth-child(odd) td {	
  background: #eee;
}
.schedule th{
	font-weight: bold;
}
.busstop{
  width: 50%;
}
.deptime {
  width:calc(40%/3);
}
.deptimertn {
  width:calc(40%/3);
}
.deparr {
  width:10%;
}
.schedulecaption{
  font-size: 12px;
  text-align: left;
  color: #252424;
  padding-top: 10px;
  padding-bottom: 20px;
}
.hotellist{
  width: 100%;
  font-size:12px;
  max-width: 100%;
  
}
.hotellist th{
  background-color: #0080cc;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}
/* .hotellist tr:nth-child(odd) td {	
  background: #eee;
} */
.tab_content table {
  border-collapse: collapse;
  border: 1px solid #7e7c7c;
}
.tab_content th{
  border: 1px solid #7e7c7c;
}
.tab_content td{
  border: 1px solid #7e7c7c;
}
.hotelname{
  width: 60%;
}
.busstopname{
  width: 40%;
}
.tab_container ul{
  list-style: none;
  margin: 10px 10px 20px;
  padding: 5px 5px 10px;
  list-style-position: inside;
  font-size: 12px;
}
.stg{
  font-weight: bold;
  color: #0080cc;
}
@media only screen and (max-width: 750px) {
  .deptimertn {
    width:20%;
  }
}