.table {
	width:100%;
	margin-top:20px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.table th {
	width:200px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color:#fafafa;

}
.table td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


.must {
	background-color:#F00;
	color:#FFF;
	font-weight:700;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:3px;
	font-size:80%;
	margin-left:5px;
}

@media screen and (max-width: 768px) {
.table th,td{
	padding-left:10px;
	padding-right:10px;
	width: 100%;
    display: block;
}
}



.balloon_right {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.0em 0;
  height:70px;
  padding: 7px 10px;
  width: 98%;
  color: #555;
  font-size: 16px;
  background: #e5f3e9;
}

.balloon_right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -35px;
  border: 35px solid transparent;
  border-left: 35px solid #e5f3e9;
}

.balloon_right p {
	text-align:center;
}

.on .balloon_right {
	background-color:#259e52;
}
.on .balloon_right p{
	color:#FFF;
	font-weight:700;
}
.on .balloon_right:before{
	border-left-color:#259e52;
}

.balloon_last {
  margin: 1.5em 0 1.0em 0;
  height:70px;
  padding: 7px 10px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #e5f3e9;
}
.balloon_last p {
	text-align:center;
}
.on .balloon_last p{
	color:#FFF;
	font-weight:700;
}
.on .balloon_last{
	background-color:#259e52;
}