#plan{
	font-size:17px
}
#plan table{
	min-width:100%
}
#plan td{
  background:#fff; 
  vertical-align:top;
  color:#333
}  
#plan table td{      
  padding: 10px;
  background:#eee;
  color:#00517b;
}   
 
#plan td.h4{
	background: #ddd; 
	color:#000;
	padding: 12px 8px;	 
  font-size:17px;
}
#plan h4{
	color:#0072c6;
}
#plan td.h5{
	color: #00517b;
}           
#plan td.c1{
	width: 40%;
}
#plan .remark {
  margin:30px 0 0 0;
}
#plan .remark ul{
  padding-left:15px;
  margin:10px 0 0 0;
}
#plan .remark li{      
  margin:8px 0 0 0;
}
#plan .remark b{
  font-weight:normal;
}
#plan img.coupon{
  max-width:350px; margin-top:20px;
}
#plan .mb25{
  margin-bottom:25px
}
.rewardtb{
  border-radius:10px !important;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #ebeef5;
  background-color: #fff;
  color: #303133;
  -webkit-transition: .3s;
  max-width: 568px;
  width: 100%;
}
.rhead{
    border-radius:10px 10px 0 0 !important;
  display:flex;
  background-color: #ebebeb;
    padding: 10px;
    font-size: 19px;
    justify-content: space-between;
    font-weight: bold;
  
}
.rhead div{
  padding:5px;
}
.rdata{
  padding:10px;
  font-size:17px;
}
.rdata .price{
  font-weight:bold;
  color:#0c5de3;
  font-size:19px;
}
.ritem{
  display:flex;
  justify-content: space-between;
  padding:10px
}
.grayline{
  height:1px;
  background-color:#dddddd
}
@media (min-width: 768px) {
	#plan table{
		min-width:50%
	}		
	.bluebtn{  
		float:left;
		width:auto;
	}
}

@media (max-width: 767px) {    
  .rhead{   
      padding: 6px;
      font-size: 19px;  
    
  }
  .rhead div{
    padding:5px;
  }
  .rdata{
    padding:6px;
    font-size:17px;
  }
  .rdata .price{
    font-weight:bold;
    color:#0c5de3;
    font-size:17px;
  }
}