.cl_invite_title_box{background:#ffd131;position:relative;color:#000}.cl_invite_title_box>img{height:100%}.cl_invite_title_box .cl_inner{position:absolute;top:0;width:100%;text-align:center;padding:80px 0}.cl_invite_title_box .cl_title{font-size:50px}.cl_invite_title_box .cl_sub{font-size:14pt;padding:30px 0}.cl_invite_title_box .cl_date{display:inline-block;text-align:left}.cl_invite_title_box .cl_date>div{display:inline-flex}.cl_invite_title_box .cl_date .cl_border_box{background:#f5025b;color:#fff;border-radius:16px;padding:2px 10px;margin-right:10px}@media screen and (max-width: 768px){.cl_invite_title_box>img{height:400px}.cl_invite_title_box .cl_inner{padding:40px 0}.cl_invite_title_box .cl_title{font-size:20pt}.cl_invite_title_box .cl_sub{font-size:12pt;padding:20px 0}}@media screen and (max-width: 480px){.cl_invite_title_box>img{height:300px}.cl_invite_title_box .cl_inner{padding:40px 0}.cl_invite_title_box .cl_title{font-size:16pt}.cl_invite_title_box .cl_sub{font-size:11pt;padding:20px 0}.cl_invite_title_box .cl_date{font-size:10pt}}.cl_invite_reward_box{background:#ffd131;padding-bottom:10px;position:relative;z-index:1;text-align:center;width:100%}.cl_invite_reward_box img{width:480px}.cl_invite_event_box{background:#a4e340;padding:40px 20%;color:#000;text-align:center}.cl_invite_event_box .cl_title{margin-bottom:10px}.cl_invite_event_box .cl_line{width:100%;height:1px;margin-top:60px;margin-bottom:30px;border-bottom:1px dashed gray}.cl_invite_event_box .cl_sub{color:#000;text-align:left;font-size:16px}.cl_invite_event_box .cl_sub .cl_title{color:#3f7d34;font-weight:700;font-size:24px}@media screen and (max-width: 1024px){.cl_invite_event_box{padding:40px 12%}}@media screen and (max-width: 768px){.cl_invite_event_box{padding:20px 40px}.cl_invite_event_box .cl_line{margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 480px){.cl_invite_event_box{padding:20px 10px}.cl_invite_event_box .cl_sub{font-size:12px;padding:0 10px}.cl_invite_event_box .cl_sub .cl_title{font-size:16px}.cl_invite_event_box .cl_line{margin-top:20px;margin-bottom:20px}}.cl_invite_link_box{background:#623cfa;color:#fff;text-align:center;padding:40px;width:100%;display:inline-block;margin-top:20px}.cl_invite_link_box .cl_title{padding:20px;color:#90fff3;font-size:24px}.cl_invite_link_box .cl_link_box{display:inline-flex;width:100%}.cl_invite_link_box .cl_link_box .cl_link{line-height:50px;height:50px;background:#fff;width:inherit;text-align:center;color:#000;font-size:20px}.cl_invite_link_box .cl_send_btns{display:none;margin-top:30px}.cl_invite_link_box .cl_send_btns img{margin:0 5px;width:40px}.cl_invite_link_box .cl_descript{text-align:left;width:auto;display:inline-block;margin-top:20px}.cl_invite_link_box .cl_btn{background:#c63333}.cl_invite_link_box .cl_btn_copy{background:#e069a3}@media screen and (max-width: 768px){.cl_invite_link_box{padding:10px}.cl_invite_link_box .cl_link_box{display:block;padding:0 20px}.cl_invite_link_box .cl_link_box .cl_btn{margin-top:10px}}@media screen and (max-width: 480px){.cl_invite_link_box .cl_title{padding:10px;font-size:16px}.cl_invite_link_box .cl_link_box{padding:0 10px}.cl_invite_link_box .cl_link_box .cl_link{line-height:30px;font-size:14px;height:30px}.cl_invite_link_box .cl_link_box .cl_btn{line-height:30px!important;height:30px!important;padding:0!important;font-size:14px!important}.cl_invite_link_box .cl_descript{font-size:9pt!important}}.cl_invite_rank_box{background:#3bb393;display:inline-flex;width:100%;color:#fff}.cl_invite_rank_box>div{width:50%;text-align:left}.cl_invite_rank_box>div:first-child{padding:30px 20px 30px 40px}.cl_invite_rank_box>div:last-child{padding:30px 40px 30px 20px}.cl_invite_rank_box .cl_title{font-weight:700;margin-bottom:10px;font-size:24px}.cl_invite_rank_box th,.cl_invite_rank_box td{font-size:12pt;pading:10px!important}.cl_invite_rank_box th{color:#ebff33}.cl_invite_rank_box .cl_my_invitee th,.cl_invite_rank_box .cl_my_invitee td{border:none;padding:5px 15px}@media screen and (max-width: 768px){.cl_invite_rank_box{display:block}.cl_invite_rank_box>div{width:100%;padding:30px 40px!important}.cl_invite_rank_box th,.cl_invite_rank_box td{font-size:11pt;padding:10px!important}}@media screen and (max-width: 480px){.cl_invite_rank_box .cl_title{font-size:16px}.cl_invite_rank_box>div{width:100%;padding:20px 10px!important}.cl_invite_rank_box th,.cl_invite_rank_box td{font-size:10px;padding:4px 2px!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page_invite_link.scss.css.map */
