.map {
	margin-bottom: 20px;
}


table#hotel-tb {
    width: 100%;;
    border: 1px #e2e3e3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	box-sizing: border-box;
	font-size: 1.6rem;
	 line-height: 1.6;
}

table#hotel-tb th {
    padding: 10px;
    border: #e2e3e3 solid;
    border-width: 0 0 1px 1px;
    background: #f5f6f6;
    font-weight: bold;
    text-align: center;
	color:#fff;
	width: 10%;
}
table#hotel-tb td {
    padding: 10px;
    border: 1px #e2e3e3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

#hotel-tb .num{
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #3b4a9f;
  text-align:center;
  line-height: 25px;
	font-size: 1.4rem;
}

.root {
	background: #313759;
	border-radius: 10px;
	border: 2px solid #3b426d;
	padding: 20px 20px 30px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 15px;
}

.root h3,
.step h3 {
	padding: 0;
	margin: 0;
	color:#fff;
	font-size: clamp(1.8rem, 3.7vw, 2.4rem);
	text-align: center;
	margin-bottom: 15px;
}

.mark {
	position: absolute;
	width: 70px;
	top:-15px;
	
}
.rootPH {
	width: 85%;
	margin: auto;
	
}

.step {
	background: #313759;
	border-radius: 10px;
	border: 2px solid #3b426d;
	padding: 20px 20px 20px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 25px;
	position: relative;
  display: inline-block;
	width: 100%;
}
.step:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #313759;
}
.step:last-child:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0px;
  border: 0px solid transparent;
  border-top: 0px solid #313759;
}
.step:last-child {
	margin-bottom: 0;
}

.step .inner {
	background: #fff;
	border-radius: 6px;
	padding: 15px;
	 font-size: clamp(1.5rem, 2.5vw, 1.6rem);
	line-height: 1.7;
}
.step .inner a {
	color:#947c46;
}


@media screen and (max-width: 768px) {
	
.map {
	margin-bottom: 15px;
}


table#hotel-tb {
    width: 100%;;
    border: 1px #e2e3e3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	box-sizing: border-box;
	font-size: 1.4rem;
	 line-height: 1.6;
}

table#hotel-tb th {
    padding: 10px;
    border: #e2e3e3 solid;
    border-width: 0 0 1px 1px;
    background: #f5f6f6;
    font-weight: bold;
    text-align: center;
	color:#fff;
	width: 10%;
}
table#hotel-tb td {
    padding: 10px;
    border: 1px #e2e3e3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

#hotel-tb .num{
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #3b4a9f;
  text-align:center;
  line-height: 25px;
	font-size: 1.4rem;
}

.root {
	background: #313759;
	border-radius: 8px;
	border: 2px solid #3b426d;
	padding: 10px 10px 15px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 15px;
}

.root h3,
.step h3 {
	padding: 0;
	margin: 0;
	color:#fff;
	font-size:1.8rem;
	text-align: center;
	margin-bottom: 10px;
}

.mark {
	position: absolute;
	width: 55px;
	top:-15px;
	
}
.rootPH {
	width: 85%;
	margin: auto;
	
}

.step {
	background: #313759;
	border-radius: 8px;
	border: 2px solid #3b426d;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 25px;
	position: relative;
  display: inline-block;
	width: 100%;
}
.step:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #313759;
}
.step:last-child:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0px;
  border: 0px solid transparent;
  border-top: 0px solid #313759;
}
.step:last-child {
	margin-bottom: 0;
}

.step .inner {
	background: #fff;
	border-radius: 6px;
	padding: 15px;
	 font-size: 1.5rem;;
	line-height: 1.7;
}
.step .inner a {
	color:#947c46;
}

	
}