/* BASIC css start */
.user_rank_container{padding:100px 0 0 0px !important;}
.user_rank_banner{background:url("/design/charmzone/renew_22/img/pc/member_img_01.png") center no-repeat;height:150px;background-color:#f3f3f3;text-align:center;display:grid;align-content:center;grid-gap: 15px;}
.user_rank_banner .bannerText{font-size:30px;font-weight:600; color:#092e49;letter-spacing:1px;}
.user_rank_banner .bannerText span{ color:#81a3bf; }
.user_rank_banner .bannerSubText{font-size:18px;}
.user_rank_Page{}
.user_rank_Page .rankArea{position:relative;text-align:center;padding:100px 0 120px;}
.user_rank_Page .rankArea .center{position:absolute;width:265px;top:50%;right:0;
-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.user_rank_Page .rankArea .center p.couponName{font-size:15px; color:#fff;}
.user_rank_Page .rankArea .center p.couponBenefit{font-size:38px; color:#fff; font-weight:bold;line-height:65px;}
.user_rank_Page .rankArea .center p.couponBenefit span{font-size:46px;}
.user_rank_Page .rankArea .benefit{display: inline-block; line-height: 30px; padding: 0px 18px; border-radius: 15px; font-size: 16px; font-weight: bold; color: #222; border: 1px solid #222; }
.user_rank_Page .rankArea .joinUsBtn{display:block; width:256px; margin:0 auto; line-height:70px; font-size:22px; font-weight:500; color:#fff;background:#092e49; border-radius:40px;}
.user_rank_Page .rankArea .p15_0{padding:15px 0;}
.user_rank_Page .rankArea .areaTitle{font-size:36px;line-height:1.5;font-weight:600;padding:15px 0;}
.user_rank_Page .rankArea .areaSubTitle{font-size:19px;font-weight:400;padding:10px 0; margin-bottom:40px; color:#777;}
.user_rank_Page .rankArea .couponWrap{width:680px; margin:0 auto 70px;}
.user_rank_Page .rankArea .couponL{position:relative;width:320px;height:175px;margin-right:40px;}
.user_rank_Page .rankArea .couponL:last-child{margin-right:0;}
.user_rank_Page .rankArea .couponL.pink{background:url(/design/charmzone/renew_22/img/pc/member_img_coupon.png?v202209201214) no-repeat left center}
.user_rank_Page .rankArea .contents{width:990px;padding:0;margin:0 auto;}
.user_rank_Page #area01{padding:0 0 110px;}
.user_rank_Page #area02{background-color:#f6f6f6;}
.user_rank_Page #area02 .couponArea{display:flex;}
.user_rank_Page #area02 .couponArea>li{flex:1;background-color:#fff;padding:30px 0;margin:0px 5px;border:solid 1px #222;}
.user_rank_Page #area02 .couponArea .circleNum{display:inline-block;width:20px;height:20px;border:1px solid #81a3bf;border-radius:50%;background-color:#81a3bf;color:#fff;text-align:center;line-height:20px;font-weight:400;font-size:12px;margin:5px 0;}
.user_rank_Page #area02 .couponArea .iconArea{height:50px; line-height:50px; margin: 15px 0 25px;}
.user_rank_Page #area02 .couponArea .txtArea{margin:5px 0;}
.user_rank_Page #area02 .couponArea .txtArea p{font-size:24px; margin-bottom:10px;}
.user_rank_Page #area02 .couponArea .dotUl li{position:relative;display:flex;justify-content:center;font-size:14px;line-height:18px;}
.user_rank_Page #area02 .couponArea .dotUl li:before{content:'';position:relative;left:0;top:8px;width:3px;height:3px;background:#222;margin-right:4px;}
.user_rank_Page #area03{background-color:#ececec;}
.user_rank_Page #area03 table.rankBox{padding:0 12px;border:1px solid #777;border-collapse:seperate;}
.user_rank_Page #area03 table.rankBox tr th, .user_rank_Page #area03 .rankBox tr td{padding:20px 0px;line-height:22px;background-color:#fff;font-weight:500; font-size:16px; color:#000;}
.user_rank_Page #area03 table.rankBox tr th.c_gray, .user_rank_Page #area03 .rankBox tr td span.c_gray{display:block;font-size:14px; color:#999;}\
.user_rank_Page #area03 table.rankBox tr td .subTxt{font-size:12px;color:#aaa}
.user_rank_Page #area03 .rankBox tr td{border:1px solid #e6e6e6;}
.user_rank_Page #area03 table.rankBox .bt{border-top:1px solid #777}
.user_rank_Page #area03 table.rankBox .br{border-right:1px solid #777}
.user_rank_Page #area03 table.rankBox .bb{border-bottom:1px solid #777}
.user_rank_Page #area03 table.rankBox .bl{border-left:1px solid #777}
.user_rank_Page #area03 table.rankBox tr .bgcf9{background-color:#f9f9f9;width:230px;}
.user_rank_Page #area03 table.rankBox tr th.rank01{background-color:#7d848a;color:#fff;border-right:1px solid #7d848a;}
.user_rank_Page #area03 table.rankBox tr th.rank02{background-color:#4db9c6;color:#fff;border-right:1px solid #4db9c6;}
.user_rank_Page #area03 table.rankBox tr th.rank03{background-color:#ffb12e;color:#fff;border-right:1px solid #ffb12e;}
.user_rank_Page #area03 table.rankBox tr th.rank04{background-color:#765ab1;color:#fff;border-right:1px solid #765ab1;}
.user_rank_Page #area03 table.rankBox tr th.rank05{background-color:#000000;color:#fff;border-right:1px solid #000000;}
.user_rank_Page #area03 table.rankBox tr td.rank01{color:#7d848a;}
.user_rank_Page #area03 table.rankBox tr td.rank02{color:#4db9c6;}
.user_rank_Page #area03 table.rankBox tr td.rank03{color:#ffb12e;}
.user_rank_Page #area03 table.rankBox tr td.rank04{color:#765ab1;}
.user_rank_Page #area03 table.rankBox tr td.rank05{color:#000000;}
.user_rank_Page #area03 .rankInfoWrap{width:990px; margin:50px auto 0;}
.user_rank_Page #area03 .rankInfoWrap ul li{ text-align:left;font-size:16px; color:#999; line-height:24px;}
.user_rank_Page #area03 .rankInfoWrap ul li:before{ content: '-'; position: relative; margin-right: 4px; }
.user_rank_Page #area03 .rankInfoWrap .joinUsBtn{display:block; width:256px; margin:55px auto 0; line-height:70px; font-size:22px; font-weight:500; color:#fff;background:#092e49; border-radius:40px;}
.mt10{margin-top:10px;}
.c_444{color:#444 !important;}
#wrap footer{margin-top:0;}
/* BASIC css end */