@charset "utf-8"; 


#price {margin: 0;position: relative;}


#grade {position: relative;margin: 40px auto 40px auto;}

/* table-grade */ 
#grade .table-grade {font-size: 15px;  margin: 0;}
#grade .table-grade tbody tr th {padding: 15px; color: #999; font-weight:normal; vertical-align: middle; background: #f9f9f9; min-width:130px; width:15%;text-align: center;}
#grade .table-grade tbody tr td  {padding: 15px; line-height: 25px; color: #555; vertical-align: middle; background: #fff; border-bottom: 1px solid #e9e9e9; }
#grade .table-grade .grade_type td {font-size: 17px; font-weight: 700; color: #000;}



.member_upgrade {display: flex;justify-content: space-between;background: #f9f9f9;border-radius: 15px;margin-bottom: 70px;padding: 20px;text-align: left;border: 3px solid #36b573;position: relative;}
.member_upgrade div {display: block; font-size: 20px;line-height: 58px;}
.member_upgrade div:first-child {font-size: 16px;color: #777;}

.member_upgrade a {float: left;display: inline-block;background-color: #36b573;color: #fff;padding: 0 40px;transition: all 0.3s ease 0s;font-size: 20px;line-height: 54px;cursor: pointer;border-radius: 30px;/* width: 150px; */text-align: center;vertical-align: middle;font-weight: 500;border: 2px solid transparent;}
.member_upgrade a:hover {color: #fff; background: #1a8c55;} 

.member_upgrade a.btn_coupon {background-color: #ffc107; border: 2px solid #ffc107; color: #dc3545; font-weight: bold;}
.member_upgrade a.btn_coupon:hover {border: 2px solid  #ffca2c; background:#ffca2c;} 

.member_upgrade a.btn_payment {background-color: #fff;border: 2px solid #36b573;color: #36b573;}
.member_upgrade a.btn_payment:hover {color: #1a8c55; border: 2px solid  #1a8c55; background:#f5fffa;} 

.member_upgrade .info {display: inline-block;font-size: 16px;line-height: 21px;color: #777;letter-spacing: -0.2px; float:left; text-align: right; padding:8px 15px; border-left:1px solid #36b573; padding-left:30px; margin-left:30px;}