/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

.code { counter-reset: listing; }
xmp { counter-increment: listing; }
.code xmp:before { content: counter(listing) ". "; color: gray; }

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}

#features {
  max-width:none;
}

.row.featurette {
  padding: 0 80px;
  margin-right:0px;
  margin-left:0px;
}

.row.featurette:nth-child(even){
  background:#e6f1fa;
  padding-bottom:50px;
}

.isStuck{
    left:0px;
    width:100%;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  margin-top:20px;
  position: relative;
  z-index: 15;

}

.navbar.navbar-inverse.navbar-static-top {
  background: #5cb85c;
  border-color: #398439;
}
.navbar.navbar-inverse.navbar-static-top a{
  color:#fff;
}
.navbar.navbar-inverse.navbar-static-top a:hover{
  color:#0A64A4;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus{
  background:#398439;
  font-weight:700;
}
.navbar-inverse .navbar-nav>.active>a:hover {
  background:#398439;
  color:#fff;
  font-weight:700;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  /*
  margin-bottom: 60px;

  margin-top: -90px;

  Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 450px;
  background-color: #0A64A4;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {

  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
/*div{font-size:14px}*/
.calendar_modern {
  padding: 50px;
}
.calendar_modern .calendar {
  margin: auto;
  width: 800px;
  height: 420px;
}
.calendar_modern .calendar .nav {
  height: 0;
  position: relative;
}
.calendar_modern .calendar .nav i, .calendar_modern .calendar .nav b {
  display: block;
  font-style: normal;
  position: absolute;
  cursor: pointer;
  width: 30px;
  height: 30px;
  z-index: 100;
  top: 0;
}
.calendar_modern .calendar .nav i {
  left: 0;
  border-right: 1px solid #423a37;
 
}
.calendar_modern .calendar .nav b {
  right: 0;
  border-left: 1px solid #423a37;
  
}
.calendar_modern .calendar .month .header {
  height: 30px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  line-height: 30px;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
  background: #372f2c;
  border-radius: 3px;
}
.calendar_modern .calendar .month .body {
  background: #e4e4e4;
}
.calendar_modern .calendar .month .body .day_names {
  height: 25px;
}
.calendar_modern .calendar .month .body .day_names i {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-style: normal;
  float: left;
  width: 114px;
}
.calendar_modern .calendar .month .body .days i, .calendar_modern .calendar .month .body .days b, .calendar_modern .calendar .month .body .days s, .calendar_modern .calendar .month .body .days a {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  float: left;
  width: 113px;
  height: 70px;
  color: #8d8d8d;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
  font-style: normal;
  background: #e4e4e4;
  text-decoration: none;
  /* table like borders */
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  /* table like borders */
}
.calendar_modern .calendar .month .body .days i.weekend, .calendar_modern .calendar .month .body .days b.weekend, .calendar_modern .calendar .month .body .days s.weekend, .calendar_modern .calendar .month .body .days a.weekend {
  color: #444;
  background: InactiveCaption;
}
.calendar_modern .calendar .month .body .days i.blue, .calendar_modern .calendar .month .body .days b.blue, .calendar_modern .calendar .month .body .days s.blue, .calendar_modern .calendar .month .body .days a.blue {
  color: #444;
  background: #A2AB6D;
}
.calendar_modern .calendar .month .body .days i:nth-child(7n + 1), .calendar_modern .calendar .month .body .days b:nth-child(7n + 1), .calendar_modern .calendar .month .body .days s:nth-child(7n + 1), .calendar_modern .calendar .month .body .days a:nth-child(7n + 1) {
  border-left: 1px solid #aaaaaa;
}
.calendar_modern .calendar .month .body .days i:nth-child(n+1):nth-child(-n+7), .calendar_modern .calendar .month .body .days b:nth-child(n+1):nth-child(-n+7), .calendar_modern .calendar .month .body .days s:nth-child(n+1):nth-child(-n+7), .calendar_modern .calendar .month .body .days a:nth-child(n+1):nth-child(-n+7) {
  border-top: 1px solid #aaaaaa;
}
.calendar_modern .calendar .month .body .days i:nth-child(n+1):nth-child(-n+7).empty, .calendar_modern .calendar .month .body .days b:nth-child(n+1):nth-child(-n+7).empty, .calendar_modern .calendar .month .body .days s:nth-child(n+1):nth-child(-n+7).empty, .calendar_modern .calendar .month .body .days a:nth-child(n+1):nth-child(-n+7).empty {
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #aaaaaa;
}
.calendar_modern .calendar .month .body .days s:nth-child(7n + 1) {
  border-left: 1px solid #d5d5d5;
}
.calendar_modern .calendar .month .body .days a {
  color: #372f2d;
  background: #d1d1d1;
  text-shadow: 1px 1px 0px white;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dadada), color-stop(100%, #cfcfcf));
  background-image: -webkit-linear-gradient(bottom, #dadada, #cfcfcf);
  background-image: -moz-linear-gradient(bottom, #dadada, #cfcfcf);
  background-image: -o-linear-gradient(bottom, #dadada, #cfcfcf);
  background-image: linear-gradient(bottom, #dadada, #cfcfcf);
}
.calendar_modern .calendar .month .body .days a.today {
  color: white;
  text-shadow: 1px 1px 2px teal;
  -webkit-box-shadow: 0 0 18px teal inset;
  -moz-box-shadow: 0 0 18px teal inset;
  box-shadow: 0 0 18px teal inset;
}
.calendar_modern .calendar .month .body .days a.hong {
  color: white;
  text-shadow: 1px 1px 2px #730a0a;
  -webkit-box-shadow: 0 0 18px #730a0a inset;
  -moz-box-shadow: 0 0 18px #730a0a inset;
  box-shadow: 0 0 18px #730a0a inset;
}
.calendar_modern .calendar .month .body .days a.selected {
  color: white;
  text-shadow: 1px 1px 2px blue;
  -webkit-box-shadow: 0 0 18px #000066 inset;
  -moz-box-shadow: 0 0 18px #000066 inset;
  box-shadow: 0 0 18px #000066 inset;
}
.calendar_modern .calendar .month .body .days a:hover {
  color: white;
  -webkit-transition-property: text-shadow;
  -moz-transition-property: text-shadow;
  -o-transition-property: text-shadow;
  transition-property: text-shadow;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  text-shadow: 1px 1px 2px green;
  -webkit-box-shadow: 0 0 18px #006600 inset;
  -moz-box-shadow: 0 0 18px #006600 inset;
  box-shadow: 0 0 18px #006600 inset;
}
.calendar_modern .calendar .month .body .days b, .calendar_modern .calendar .month .body .days i, .calendar_modern .calendar .month .body .days s {
  color: #ccc;
}
.calendar_modern .calendar .month .body .days b, .calendar_modern .calendar .month .body .days s {
  background: #eee;
  border-color: #d5d5d5;
}
.calendar_modern .calendar .month .body .days b {
  border-top: 1px solid #d5d5d5 !important;
  border-bottom: 1px solid #aaaaaa !important;
}
.calendar_modern .calendar .month .body .days b:first-child {
  border-left: 1px solid #d5d5d5 !important;
}
.calendar_modern .calendar .month .body .days b:last-of-type{
  border-right: 1px solid #aaaaaa !important;
}
body {
	background-color: #F2F2F2;
	
}

.Route_title {
	color: #9E1C20;
	font-size: 2.5rem;
	margin: 0;
	margin-bottom: .5em;
}

.Route_center {
	color: #333;
	padding-right: 7px;
}

.Route_center_end {
	color: #9E1C20;
}

.Route_buttom {
	margin: .25em 0;
}

.Route_buttom_h2 {
	font-weight: 300;
	font-size: 16px;
	font-size: 1rem;
	color: #929292;
	margin-top: 0;
}

.Route_center_title {
	margin: .25em 0;
}

.nav_color {
	background-color: #6A6A69;
}

.nav_color a {
	color: #FFFFFF;
}

.nav_color li a {
	font-size: 1.2em;
}

.Generous {
	margin: 1em 0;
}

#Beschreibung p {
	color: #6A6A69;
	font-family: palatino;
}

.Beschreibung_li {
	color: #6A6A69;
	font-family: palatino;
}

.Map,
.schedule,
.Album,
.Evaluation,
.stroke {
	margin-top: 5em;
}

.Map_title h3 span {
	margin-right: .5em;
}

.Map_left {
	vertical-align: top;
	display: inline-block;
}

.Map_left p {
	font-size: 1.125em;
	color: #6a6a69;
	text-align: justify;
	line-height: 1.8;
	font-family: palatino;
}

.Map_right {
	vertical-align: top;
	display: inline-block;
}

.nav_title {
	width: 100%;
}

.panel-title a {
	text-decoration: none;
}

.panel-heading {
	padding: 1em 0;
}

.panel-heading div {
	display: inline-block;
	vertical-align: top;
}

.panel-heading_left {
	width: 15%;
}

.panel-heading_left span {
	display: block;
	margin-left: .5em;
}

.panel-heading_center {
	width: 60%;
}

.panel-heading_center span {
	display: block;
}

.panel-heading_right {
	width: 20%;
}

.itinerary__day-number {
	font-size: 3rem;
	font-weight: 700;
	color: #6A6A69;
}

.itinerary__places {
	list-style: none;
	padding: 0;
	font-size: .75em;
	margin-bottom: .234375rem;
}

.itinerary__places li {
	display: inline-block;
	margin-bottom: 0;
	line-height: 1.25;
	color: #6A6A69;
	;
}

.itinerary__title {
	text-align: left;
	margin: 0;
	line-height: 1;
	color: #940525;
}

.panel-heading_right span {
	float: right;
	line-height: 30px;
}

.panel {
	border: 0;
}

.Evaluation_title {
	color: #940525;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.Evaluation_detailed {
	padding: 10px;
	color: #6a6a69;
	margin: 0;
	line-height: 1.3;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#listcontair {
	background-color: #656a46;
	border-right: 1px solid #656a46;
	color: #FFFFFF;
}




.media1 {
	margin: 2.5em 0;
}

.heading_title {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1em;
	color: #9E1C20;
	;
}

.heading_title_div {
	display: inline-block;
	vertical-align: top;
	float: right;
	margin-bottom: 1em;
}

.heading_title_div span {
	color: #FDB714;
}

.media-body p {
	line-height: 2em;
	color: #6A6A69;
	font-family: palatino;
}
/*日历*/
.caption h5{
	color: #9E1C20;
}