/* BASIC css start */
/* top banner */
.top_banner {}
.top_banner img {width:100%;}

/* benefit */
.benefit_wrap {margin:55px auto 0;}
.benefit_wrap > div {padding:0 20px;}
.benefit_wrap .tab {display:flex; margin-bottom:60px;}
.benefit_wrap .tab li {flex:1; text-align:center; line-height:45px; font-size:14px; color:#bab5bc; border-bottom:1px solid #000; font-weight:600; cursor:pointer;}
.benefit_wrap .tab li.on {color:#000; border-bottom:2px solid #000;}

/* benefit sec1 */
.benefit_wrap .sec01 {}
.benefit_wrap .sec01 .no-login {text-align:center; margin-bottom:80px;}
.benefit_wrap .sec01 .no-login p {font-size:14px; line-height:1; padding:0 0 20px;}
.benefit_wrap .sec01 .no-login a {width:175px; line-height:40px; color:#fff; font-size:16px; display:inline-block; background:#000; border-radius:40px; font-weight:500;}
.benefit_wrap .sec01 .yes-login {margin-bottom:100px;}

/* benefit sec2 */
.benefit_wrap .sec02 {text-align:center; margin-bottom:75px;}
.benefit_wrap .sec02 h3 {font-size:21px; font-weight:600; line-height:1;}
.benefit_wrap .sec02 h4 {font-size:16px; font-weight:400; line-height:1; padding:12px 0 45px;}
.benefit_wrap .sec02 .n-log {padding: 0 25px;}
.benefit_wrap .sec02 .n-log h4 {line-height:1.5; padding:10px 0 35px;}
.benefit_wrap .sec02 .level_tab {margin-bottom:45px;}
.benefit_wrap .sec02 .level_tab ul {display:flex; align-items: end;}
.benefit_wrap .sec02 .level_tab ul li {flex:1; padding-top: 7px; box-sizing: border-box; font-size:12.5px;}
.benefit_wrap .sec02 .level_tab ul li:nth-of-type(1) {background:#737373; color:#fff; height:40px;}
.benefit_wrap .sec02 .level_tab ul li:nth-of-type(2) {background:#4d4d4d; color:#fff; height:55px;}
.benefit_wrap .sec02 .level_tab ul li:nth-of-type(3) {background:#262626; color:#fff; height:70px;}
.benefit_wrap .sec02 .level_tab ul li:nth-of-type(4) {background:#000000; color:#fff; height:85px;}
.benefit_wrap .sec02 .level_tab ul li.on:nth-of-type(1) {background:#ff5400; color:#fff;}
.benefit_wrap .sec02 .level_tab ul li.on:nth-of-type(2) {background:#27ff5f; color:#000;}
.benefit_wrap .sec02 .level_tab ul li.on:nth-of-type(3) {background:#00fcff; color:#000;}
.benefit_wrap .sec02 .level_tab ul li.on:nth-of-type(4) {background:#eaff00; color:#000;}
.benefit_wrap .sec02 .level {}
.benefit_wrap .sec02 .level li {display:none;}
.benefit_wrap .sec02 .level li .flex {display:flex; text-align:left;}
.benefit_wrap .sec02 .level li .top_cont {width:82px; padding:3px 15px 0 5px;}
.benefit_wrap .sec02 .level li .top_cont h3 {font-size:21px; font-weight:500;}
.benefit_wrap .sec02 .level li .top_cont p {font-size:11px; color:#595959; margin-top:10px;}
.benefit_wrap .sec02 .level li .bottom_cont {flex:1; border-left:1px solid #ccc; padding: 5px 0 13px 15px;}
.benefit_wrap .sec02 .level li .bottom_cont > p {line-height:1; margin-bottom:25px; font-size:15px;}
.benefit_wrap .sec02 .level li .bottom_cont > p:nth-of-type(3) {margin-bottom:6px;}
.benefit_wrap .sec02 .level li .bottom_cont > p b {font-size:24px; padding: 0 2px;}
.benefit_wrap .sec02 .level li .bottom_cont > span {display:block; color:#737373; font-size:10px;}
.benefit_wrap .sec02 .level li .bottom_cont > div {}
.benefit_wrap .sec02 .level li .bottom_cont > div p {line-height:1; margin-top:25px; font-size:15px;}
.benefit_wrap .sec02 .level li .bottom_cont > div p:first-child {margin-top:20px;}
.benefit_wrap .sec02 .newbie_coupon {margin:0 auto 80px; font-size: 0;}
.benefit_wrap .sec02 .newbie_coupon li {max-width:400px; margin:0 auto 35px;}
.benefit_wrap .sec02 .newbie_coupon li .box {background:#000; padding:25px 0 30px;}
.benefit_wrap .sec02 .newbie_coupon li .box .txt1 {color:#fff; font-size:15px; line-height: 1; margin-bottom:20px;}
.benefit_wrap .sec02 .newbie_coupon li .box .txt2 {color:#fff; font-size:30px; line-height: 1;}
.benefit_wrap .sec02 .newbie_coupon li .box .txt2 b {color:#fff; font-weight:500; font-size:48px;}
.benefit_wrap .sec02 .newbie_coupon li span {font-size:15px; color:#737373; margin-top:10px; text-align:center; display:block;}
.yellow {color:#ffe812 !important;}

/* benefit sec3 */
.benefit_wrap .sec03 {margin-bottom:30px;}
.benefit_wrap .sec03 .tit {font-size:19px; font-weight:500; padding: 0 0 18px 3px; line-height:1;}
.benefit_wrap .sec03 table {border-top:2px solid #000; border-bottom:1px solid #000; margin-bottom:30px; width:100%;}
.benefit_wrap .sec03 table thead th {height:28px; font-size:12px; color:#000; font-weight:400;}
.benefit_wrap .sec03 table thead th:nth-of-type(2) {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.benefit_wrap .sec03 table tbody td {border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center; height:28px; font-size:12px; color:#666666; font-weight:400;}
.benefit_wrap .sec03 table tbody tr td:last-child {border-right:none;}
.benefit_wrap .sec03 .add_txt {padding:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.benefit_wrap .sec03 .add_txt p {line-height:14px; font-size:10px; font-weight:400; color:#0d0d0d; word-break:keep-all;}

/* benefit sec4 */
.benefit_wrap .sec04 {}
.benefit_wrap .sec04 dl {}
.benefit_wrap .sec04 dl:first-child {margin-bottom:30px;}
.benefit_wrap .sec04 dl dt {font-size:10px; font-weight:600; line-height:14px; margin-bottom:5px;}
.benefit_wrap .sec04 dl dd {font-size:10px; font-weight:400; line-height:14px; word-break:keep-all;}
/* BASIC css end */