.bg_popup1{ position: fixed; width: 100vw; height: 100vh; top: 0; z-index: 10; background-color: rgba(0,0,0,0.8); left: 0; right: 0;}
.bg_popup1 .close{ position:fixed; top: 3vh; margin-left: auto; margin-right: auto; left: 39%; right: 0; z-index: 12; text-align: center; width:4%; }
.bg_popup1 .close img{ width:5vh; display: inline; cursor:pointer;}

.bg_popup1 .close_red{ top: 12vh; left: 38%; z-index:99;}
.bg_popup1 .close_red:hover{ transform:scale(1.1);}
.bg_popup1 .close_red img{ width:7.5vh;}
.customer_rewards_popup{ width:38vw; margin-left:auto; margin-right:auto; padding:4vh 0 4vh; margin-top:2vh; border-radius:3vh; font-family:avenirnext; text-align:center; background: #fff; height: auto;
/*background: rgb(255,0,0); 
background: linear-gradient(130deg, rgba(255,0,0,1) 0%, rgba(69,1,80,1) 100%);*/}
.customer_rewards_popup .title{ display:table; text-align:center; margin-left:auto; margin-right:auto;}
.customer_rewards_popup .title span{ display:table-row; color:#fff;}
.customer_rewards_popup .title span:first-child{ font-family:avenirnextbold; font-size:2.6vh;}
.customer_rewards_popup .title span:nth-child(2){ font-family:avenirnext; font-size:2.2vh;}
.customer_rewards_popup .title span:nth-child(2) sup{ font-size:1.5vh;}
.customer_rewards_popup .reward_bx{ display:table; width:90%; margin:0.8% 0; margin-left:auto; margin-right:auto; background-color:#fff; border-radius: 0.8vh; padding:0; cursor:pointer; min-height: 3vh; }
.customer_rewards_popup .reward_bx_d { display:table;}
.customer_rewards_popup .reward_bx_m { display:none;}
.customer_rewards_popup .reward_bx div{ display:table-cell; text-align:center; vertical-align:middle; padding:2%;}
.customer_rewards_popup .reward_bx div.svg{ width:25%;}
.customer_rewards_popup .reward_bx div.svg img{ vertical-align:middle; width:50%;}
.customer_rewards_popup .reward_bx div.text{ width:75%; text-align:left; font-size: 1.6vh;}
.customer_rewards_popup .reward_bx div.text span{ display:table-row; padding:0; font-size:1.8vh;}
.customer_rewards_popup .reward_bx div.text span:first-child{ font-family:avenirnextbold; font-size:2.5vh !important; color:#000; }

/*.customer_rewards_popup .reward_bx:last-child{ border:none; background-color:transparent; margin-top:3vh; text-align:center; font-size:2.5vh; font-family:avenirnextbold; text-transform:uppercase; color:#fff; cursor:pointer;}
*/
.bg_popup{ background-color: rgba(0,0,0,0.3) !important;}

.customer_rewards_popup span{ text-align:center; font-size:4vh; font-family:avenirnextbold; display:block; color:#fff; text-transform:uppercase; margin-bottom:1vh; color: #000;}
.customer_rewards_popup span.free{ color:#000; font-size:5.5vh; margin-top: 1vh;}
.customer_rewards_popup span.free p{ display: block; font-family:avenirnext; font-size:3vh; margin:0 0.5vw;}
.customer_rewards_popup span.btn{ background-color:gold; color:#000; font-size:3vh; width: 50%; margin-left: auto; margin-right: auto; padding: 1.2vh 0 0.8vh; border-radius:3vh; margin-top:2vh;}
.customer_rewards_popup span.btn:hover { background-color: yellow; cursor: pointer;}
.customer_rewards_popup .click{ background-color:#8b0000; width:80%; margin-left:auto; margin-right:auto; border-radius:8px; color:#fff; text-transform: uppercase; font-size:2vh; padding:2.2vh 0 1.7vh; margin-top:10vh;}
.customer_rewards_popup .reserve_btn_d {display: block;}
.customer_rewards_popup .reserve_btn_m {display: none;}
.customer_rewards_popup .click span{ display:inline-table; margin:0 1vw; padding:0; color:#A7A361; text-decoration:underline; font-size:2vh; text-underline-position: under; font-family:avenirnext;}
.customer_rewards_popup .click span:hover {color: gold; cursor: pointer;}
.customer_rewards_popup .img_ns img{ width: 40vh;}
.customer_rewards_popup .img_ns img.free_icon{ width: 10vh; position: fixed;  margin-left: 14vw; margin-top: 1vh; transform: rotate(15deg);}





/*/////////////// popup apply ////////////////*/

.customer_rewards_apply{ /*background: rgb(26,130,26);
background: linear-gradient(-50deg, rgba(26,130,26,1) 15%, rgba(2,92,71,1) 70%, rgba(2,92,71,1) 90%);*/overflow-y: scroll; /*height:85vh;*/ height: auto; scrollbar-width: none; background: #fff; }
.customer_rewards_apply .title{ margin-bottom:1.5vh;}
.customer_rewards_apply .title span{ /*text-shadow:2px 2px 7px #004c26;*/}
.customer_rewards_apply .title span:first-child{ font-size:4vh; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 85%; margin-left: auto; margin-right: auto;}
.customer_rewards_apply .title span:nth-child(2){ font-size:2vh; text-transform:none; color: #000;}
.customer_rewards_apply .title span:nth-child(2) a{ font-size:1.6vh;}

.customer_rewards_popup .reward_bx{	background-color: #ebebeb; /*padding: 0;*/ height:auto;}
.customer_rewards_popup .reward_bx div{ padding: 2% 3%;}
.customer_rewards_apply .reward_bx div.text span{ color:#009245; text-align: center; display:table; margin-left: auto; margin-right: auto; font-size: 1.5vh !important; margin-bottom: 0; margin: 0.8vh 0 0.5vh; margin-left:auto; margin-right:auto;}
.customer_rewards_apply .reward_bx div.text span.free_ns{ display: table-cell; vertical-align: middle;}
.customer_rewards_apply .reward_bx div.text span:first-child{ color: #008b00;}
.customer_rewards_apply .reward_bx div.text span p{ padding:0; margin:0; display: table; font-family: avenirnext; font-size:2vh; margin-left:auto; margin-right:auto;}
.customer_rewards_apply .reward_bx div.text span p.count{ font-family:avenirnextbold; background-color:#01351a; border:1px solid #fcee21; padding: 0.7vh 0.9vh 0.3vh; border-radius: 50%; font-size: 2vh; display: inline;}

.customer_rewards_apply .reward_bx div.text span a.del_sub {font-size: 1.6vh; font-family:avenirnext; text-transform: none; display: block;}

.customer_rewards_apply .reward_bx div.svg{ width:35%; text-transform: uppercase; font-family: avenirnext; color: #000; text-align: left; border-right: 1px dashed #fff; vertical-align: middle; padding-top: 1.5vh; font-size: 2vh;}
.customer_rewards_apply .reward_bx .text span.txt{ width:105%; text-align:center;}
.customer_rewards_apply .reward_bx .text span.txt span{ display:inline; margin-left:0.3vw;}
.customer_rewards_apply .reward_bx .img{ display:table-cell; background-color:#01351a; padding: 0; width:5vw; border-top-right-radius:0.8vh; border-bottom-right-radius:0.8vh; text-align:center;}
.customer_rewards_apply .reward_bx .img img{ width:1.3vh; vertical-align:middle; text-align: center; margin-left: auto; margin-right: auto;}
.customer_rewards_apply .reward_bx div.text{ width:80%; text-align:center; text-align: -webkit-center; width:100%;}
.customer_rewards_apply .reward_bx div.txt{ width:60%; }
.customer_rewards_apply .reward_bx:last-child{ cursor: default;}
.customer_rewards_apply .reward_bx:last-child input[type=checkbox]{ zoom: 2; background-color: #fff; border-radius: 2px; vertical-align: middle; margin-bottom:0.8vh; -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; cursor:pointer;}
.customer_rewards_apply .reward_bx:last-child lable{ font-size:2vh; font-family:avenirnext;}
.customer_rewards_apply .reward_bx div.text span.btn{ color:#fff; background-color:#000; border-radius:3vh; padding:1.25vh 2vw 1vh; width:auto; margin: 0; margin-left: auto; margin-right: auto;}
.customer_rewards_apply .reward_bx div.text span.not_avi { font-family:avenirnext; font-size:2vh !important;}

.customer_rewards_apply .reward_bx div.text .img{ background-color:transparent; display: table-cell; width: 35%;}
.customer_rewards_apply .reward_bx div.text .img img{ width: 10vh; vertical-align:middle; filter: drop-shadow(2px 4px 6px #939393);}


.msg_cv {width: 87%; margin-left: auto; margin-right: auto; padding: 0 1vh; color: #fff; padding-bottom: 2vh; padding-top: 0; margin-top: 0; margin-bottom: 1vh; background-color: rgba(255,255,255,0.1); border-radius: 1vh; background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0.1026785714285714) 0%, rgba(255,255,255,0.09987745098039214) 55%, rgba(255,255,255,0) 100%);}
.msg_cv p.head {font-family:avenirnextbold; font-size: 2.4vh; margin-bottom: 1vh;}
.msg_cv .sub { font-size: 2.2vh; width: 90%; margin-left: auto; margin-right: auto; line-height: 140%;}
.msg_cv .sub p {margin: 1vh 0;}
.msg_cv .time {margin: 0; padding: 0; background-color: rgba(255,255,255,0); text-transform: none; font-size: 2.1vh; color: #000; margin-top: 3vh;}
.msg_cv .time span.head {text-transform: none; font-size: 2.3vh; margin: 0; padding: 1; font-family:avenirnextbold; margin-bottom: 0.5vh; }
.msg_cv .time span.head a {text-decoration: underline;}


.customer_rewards_popup .spc_rewards{ /*background: rgb(1,88,1);
background: linear-gradient(113deg, rgba(1,88,1,1) 22%, rgba(0,136,0,1) 100%);*/ background-color: #ebebeb;}
.customer_rewards_apply .spc_rewards div.svg{ color: #000;}
.customer_rewards_apply .spc_rewards div.text{ padding: 1.5% 3%;}
.customer_rewards_apply .spc_rewards div.text span:first-child{ color: #008b00; font-size: 2.5vh !important; display: table-cell; padding: 1vh;}
.customer_rewards_apply .spc_rewards div.text span p{ font-size:2vh;}
.customer_rewards_apply .spc_rewards div.text span:first-child img{ width: 2vh; margin-right: 0.2vw; filter: invert(38%) sepia(99%) saturate(1542%) hue-rotate(100deg) brightness(65%) contrast(92%);}
.customer_rewards_popup .spc_rewards sup {text-transform: none;}

img.pic_promo_popup {width: 40vw; margin-left: auto; margin-right: auto; left: 0; right: 0; position: fixed; top: 10vh; z-index: 10; cursor: pointer;}

.close_popup { top: 12vh; left: 40%; z-index:99;}


.line_gab {height: 0.05vh; width: 90%; margin-left: auto; margin-right: auto; /*background-color: rgba(255,255,255,0.30);*/ margin-top: 1.5vh; margin-bottom: 1.5vh; opacity: 0.7; border-top:1px dashed #fff}
p.line_h {color: #fff; padding: 0; text-align: left; width: 90%; margin:0 0 1vh; margin-left: auto; margin-right: auto; font-family:avenirnextbold; font-size: 1.8vh;}

.customer_rewards_popup .invite_f_tab { background-color: #fff; display: table; border-radius: 0; padding: 1vh 0; }
.customer_rewards_popup .invite_f_tab .svg_inv {display: table-cell; width: 13%; background-color: transparent; text-align: center; padding:2% 2%;}
.customer_rewards_popup .invite_f_tab .svg_inv img {width: 3vw; display: table-cell; vertical-align: middle;}
.customer_rewards_popup .invite_f_tab .invite_f_div {display: table-cell; text-align: left !important; line-height: 120%; width: 57%; font-family:avenirnextbold; font-size: 1.8vh; color: #fff; color: #000; padding: 2% 0%;}
.customer_rewards_popup .invite_f_tab .invite_f_div p {padding: 0; margin: 0; font-family:avenirnext; font-size: 1.8vh; text-align: left; color: #000; }
.customer_rewards_popup .invite_f_tab .invite_f_div a {text-decoration: underline;}
.customer_rewards_popup .invite_f_tab .invite_f_view {display: table-cell; padding: 2% 0%; cursor: pointer; padding-right: 3%;}
.customer_rewards_popup .invite_f_tab .invite_f_view a {background-color: #0067e2; color: #fff; padding: 1.3vh 0 0.9vh; width: 8vw; display: inline-block; border-radius: 7px; font-size: 1.6vh; font-family:avenirnextbold; cursor: pointer;} 







.invite_box{ display:table; width:90%; margin:1.5% 0; margin-left:auto; margin-right:auto; background-color: transparent; border-radius: 1vh; padding:1vh 0; cursor:pointer; min-height: 3vh; }

.invite_text {width: 100%; display: table;}
.invite_text .invite_text_head {display: table;}
.invite_text_head .invite_text_i {width: 5%; display: table-cell; vertical-align: middle;}
.invite_text_head .invite_text_i .icon_rw {width: 4vh; }
.invite_text_head .invite_text_s {width: 93%; padding-left: 2%; display: table-cell; text-align: left; vertical-align: middle;  font-family:avenirnextbold; color: #fff; font-size: 3vh;}

.invite_text_sub { font-size: 1.8vh; color: #fff; }

.invite_link {width: 100%; display: table;  padding: 2vh 0 1vh; margin: 0;}
.invite_link input.invite_link_input { display: inline-block; vertical-align: middle; width: 81%; padding: 1.5vh 2%; border: 0; background-color: rgba(0,255,255,0.2);  font-family:avenirnext; font-size: 1.8vh; margin: 0; height: 2vh; border-radius: 1vh 0 0 1vh; color: #fff;}
.invite_link a.invite_link_btn { display: inline-block;  vertical-align: middle; width: 15%; text-align: center;background-color: black; padding: 1.5vh 0; margin: 0; border: 0; height: 2vh; color: #fff; font-family: avenirnextbold; border-radius: 0 1vh 1vh 0; cursor: pointer;}
.invite_link a.invite_link_btn:hover {background-color: darkgreen;}





.bg_popup{ z-index:10 !important;}
.bg_popup .cls{ display: table; margin-left: auto; margin-right: 29%; margin-top: 10vh; cursor: pointer; position: relative;}
.bg_popup .cls img{ width: 7vh;}
.bg_popup .customer_rewards_popup{ margin-top:-4.5vh;}
.customer_rewards_popup span.desc{ font-size: 3vh; font-family: avenirnext; text-transform: none; width: 80%; margin: 0.5vh auto 1vh;}


/*================== new 2021(covid) ===================*/

.customer_rewards_popup .covid{}
.customer_rewards_popup .covid p{ font-size: 3.5vh; width: 85%; margin: 0 auto; color: #fff;}
.customer_rewards_popup .covid_tme{ color:#fff; font-size: 3.1vh; margin-bottom: 3vh;}
.customer_rewards_popup .covid_tme span.head{ font-size: 3.2vh; margin-top: 5vh;}
.customer_rewards_popup .covid_tme span.head a{ text-decoration: underline; text-transform: none;}
.customer_rewards_popup span.btn_sub{ margin-top: 2vh; width: 40%; margin-bottom: 3vh;}



.bg_popup .nt_cls{ display: table; margin-left: auto; /*margin-top: 2vh;*/  margin-top: 6vh;  /*margin-top: 23vh;*/ cursor: pointer; position: relative;}

img.notice_pic {width: 100%;}
.customer_notice_popup {height: auto; padding-bottom: 9vh; padding: 0;}



img.pic_notice {width: 12vh; opacity: 1;}
.main_notice { font-size: 3.2vh; font-family: avenirnextbold; color: rgba(0,95,255,1.00); line-height: 150%; margin-top: 2vh; text-transform: uppercase;}
.main_notice2 {font-size: 3.2vh; font-family: avenirnextbold; color: rgba(0,95,255,1.00); line-height: 150%; margin-top: 2vh; text-transform: uppercase;}
.sub_notice { font-size: 2.1vh; font-family: avenirnext; color: rgba(0,95,255,1.00); margin-top: 2vh;}
.button_notice {background-color: rgba(0,95,255,1.00); color: #fff; padding: 1vh 1.5vh; margin-top: 1vh; display: inline-block; width: auto; border-radius: 10vh; cursor: pointer; font-size: 2vh; }
.button_notice:hover {text-decoration: underline;}




/*=========================*/

.customer_rewards_popup .appdl_container_head {width: 85%;  margin-left: auto; margin-right: auto; display: table; margin-bottom: 2vh;}
.customer_rewards_popup .appdl_container_head div {display: table-cell; vertical-align: middle;}
.customer_rewards_popup .appdl_container_head .appdl_container_head_pic {width: 20%;}
.customer_rewards_popup .appdl_container_head .appdl_container_head_pic img {width: 100%; vertical-align: middle;}
.customer_rewards_popup .appdl_container_head .appdl_container_head_content {text-align: left;}
.customer_rewards_popup .appdl_container_head .appdl_container_head_content img {width: 75%; vertical-align: middle; padding-left: 2%;}



.customer_rewards_popup .appdl_container {width: 80%; background-color: #fff; margin-left: auto; margin-right: auto; display: table; padding: 2.5vh; border: 4px solid #000; margin-bottom: 1vh; border-radius: 2.5vh; cursor: pointer;}
.customer_rewards_popup .appdl_container:hover {background-color: rgba(230,255,242,1.00);}
.customer_rewards_popup .appdl_container div {display: table-cell; vertical-align: middle;}
.customer_rewards_popup .appdl_container .appdl_container_pic {width: 20%; vertical-align: middle; padding-left: 0%;}
.customer_rewards_popup .appdl_container .appdl_container_pic img {width: 100%; vertical-align: middle;}

.customer_rewards_popup .appdl_container .appdl_container_content {width: 70%; text-align: left; padding-left: 2%;}
.customer_rewards_popup .appdl_container .appdl_container_content .appdl_container_content_box {display: table; width: 100%;  vertical-align: middle; }
.customer_rewards_popup .appdl_container .appdl_container_content .appdl_container_content_box div {display: table-cell;}
.customer_rewards_popup .appdl_container .appdl_container_content .appdl_container_content_box .appdl_container_content_box_pic {width: 20%; vertical-align: middle;}
.customer_rewards_popup .appdl_container .appdl_container_content .appdl_container_content_box .appdl_container_content_box_pic img {width: 90%; vertical-align: middle;}
.customer_rewards_popup .appdl_container .appdl_container_content .appdl_container_content_box .appdl_container_content_box_store {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
.customer_rewards_popup .appdl_container .appdl_container_content .appdl_container_content_box .appdl_container_content_box_store p {padding: 0; margin: 0; font-size: 2vh; font-weight: 300;}
.customer_rewards_popup .appdl_container .appdl_container_content .appdl_container_content_box .appdl_container_content_box_store p.store {font-size: 4.5vh; font-weight: 800; padding: 0; margin: 0; margin-top: -0.5vh;}

.customer_rewards_popup .appdl_container .appdl_container_icon {vertical-align: middle;}
.customer_rewards_popup .appdl_container .appdl_container_icon img {width: 90%; vertical-align: middle;}