/* Reset CSS */
body, ul, li, p, a, h1, h2, h3, h4, h5, h6, h7 {margin:0;padding:0;box-sizing:border-box;}
ol, ul {list-style:none}
a{text-decoration:none}
body {width:100%;background-color:#F8F8F8;line-height:1;font-family:sans-serif;font-size:1rem;font-weight:400;letter-spacing:-0.5px;-webkit-text-size-adjust:auto;color:#2E2F37;}
input {outline:none;}
img {vertical-align:middle;}
/* common CSS */
.div_container {width:100%;height:100%;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;}
.div_header {width:100%;margin:0 auto;}
.back_area {display:inline-block;;width:100%;margin:0 auto;vertical-align:middle;text-align:left;font-size:1.25rem;font-weight:bold;color:#2E2F37;line-height:3;}
.back_w {color:#fff;}
.back_area > img {width:12%;}
.div_upper {margin:0 auto;width:85%;height:100%;text-align:center;}
.div_stamping_bg {background-color:#fff;padding:15% 0;}
.bg_wrap {background-image:url(../images/pattern.png), url(../images/pattern.png);background-repeat:repeat-y;background-position:5% top, 95% top;background-size:4.5%;background-color:#fff;margin-top:15%;}
.stamp_menu_list {background-image:url(../images/icon_next.png);background-repeat:no-repeat;background-position:95% center;background-size:3%;width:100%;height:75px;margin-top:3%;padding-left:10%;background-color:#fff;line-height:75px;text-align:left;font-size:1rem;font-weight:bold}
.content_title {width:90%;margin:0 auto;margin-top:5%;display:block;letter-spacing:-1px;color:#fff;line-height:1.3;font-size:1.5rem;font-weight:bold;text-align:left;}
.content_text {width:90%;margin:3% auto;text-align:left;font-size:0.875rem;color:#fff;line-height:1.3;}
.div_stamp_menu {width:100%;position:absolute;bottom:0;}
.top_up_price {display:block;margin:0 auto;padding:15% 0;width:65%;line-height:0.5;text-align:center;font-size:2.5rem;font-weight:bold;color:#5AB6F3;border-bottom:1px solid #9A9DAB;}
.dollar_icon {margin-right:5%;font-size:2rem;font-weight:normal;vertical-align:top;}
.dollar_icon_color {color:#2E2F37;font-size:1.5rem;}
.payment_card_price {display:block;margin-top:15%;margin-right:5%;line-height:0.5;text-align:right;font-size:3.5rem;font-weight:bold;color:#fff;}
.div_summary_inner {width:65%;margin:0 auto;padding:9% 0 9% 3%;box-sizing:border-box;font-weight:100;text-align:left;}
.p_name {margin-bottom:5%;font-size:0.70rem;color:#9A9DAB;}
.p_inner {margin-bottom:7%;font-size:0.875rem;}
.p_add {margin-top:10%;font-size:0.70rem;line-height:1.65;letter-spacing:-1px;}
.pay_price {font-size:2.5rem;color:#FF1C62;}
.btn_area {display:block;position:fixed;bottom:0;left:0;width:100%;height:65px;line-height:65px;font-weight:bold;}
.topUp_price {color:#5AB6F3;}
.confirm_btn {background-color:#5AB6F3;opacity:1;font-weight:bold;color:#fff;}
.confirm_btn > img {width:6%;margin-right:2%;vertical-align:middle;}


/* Voucher */
.div_voucherH {background-color:#2E2F37;width:100%;margin:0 auto;font-size:0;}
.div_rallyH {background-color:#fff;}
.refresh_button {display:inline-block;width:20%;height:25px;line-height:25px;vertical-align:middle;letter-spacing:0;border:1px solid #9A9DAB;border-radius:15px;font-size:0.70rem;color:#9A9DAB;}
.refresh_button > img {width:55%;}
.back_voucher, .back_raly, .back_roulette {width:70%;color:#fff;font-size:1.25rem;font-weight:bold;vertical-align:middle;}
.back_rally {width:100%;border-bottom:1px solid #95989A;color:#2E2F37;}
.voucher_tab {display:inline-block;width:49%;line-height:3;font-size:1rem;color:rgba(255, 255, 255, 0.3);}
.p_line_area {display:inline-block;width:1px;height:20px;background-color:rgba(255, 255, 255, 0.3);}
.div_coupon_popup {width:87%;margin:0 auto;margin-top:5%;padding-top:5%;background-color:#fff;}

/* coupon_popup */
div.popup_wrap {display:none;position:fixed;width:100%;height:100%;top:0;left:0;font-size:0;text-align:center;background-color:rgba(0,0,0,0.8);overflow:auto;z-index:101;}
div.popup_wrap.on {display:block;}
div.popup_wrap:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
div.popup_content {display:inline-block;position:relative;vertical-align:middle;width:98%;font-size:16px;font-size:1rem;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-animation:popup_show 0.3s linear 0s 1;
-moz-animation:popup_show 0.3s linear 0s 1;
-o-animation:popup_show 0.3s linear 0s 1;
animation:popup_show 0.3s linear 0s 1;
}
@-webkit-keyframes popup_show {
	0%{-webkit-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-webkit-transform:translate3d(0,0,0);opacity:1;}
}
@-moz-keyframes popup_show {
	0%{-moz-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-moz-transform:translate3d(0,0,0);opacity:1;}
}
@-o-keyframes popup_show {
	0%{-o-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-o-transform:translate3d(0,0,0);opacity:1;}
}
@keyframes popup_show {
	0%{transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{transform:translate3d(0,0,0);opacity:1;}
}
.p_title {margin-top:5%;margin-bottom:3%;font-size:0.875rem;color:#F17485;}
.p_subtit {margin-bottom:7%;font-size:1.5rem;color:#2E2F37;}
.img_content {display:block;width:45%;margin:0 auto;margin-bottom:10%;}
.div_expiry_desc {width:45%;margin:auto;margin-top:5%;margin-bottom:15%;font-size:0;}
.pop_expiry {display:inline-block;margin-top:7%;text-align:left;font-size:0.950rem;color:#95989A;}
.pop_expiry_date {display:inline-block;padding-left:5%;font-size:0.950rem;color:#2E2F37;text-align:right;}
.stamp_handCancel {width:100%;margin-top:10%;padding:5% 0;background-color:#F8F8F8;letter-spacing:0;box-sizing:border-box;}
.stamp_desc {display:inline-block;width:60%;font-size:0.750rem;color:#9A9DAB;text-align:left;line-height:1.5;vertical-align:middle;}
.img_stamping {width:25%;vertical-align:middle;}
.img_used {display:none;position:absolute;top:45%;right:10%;width:45%;}
.img_used.on {display:block;}

.popup_content_01 .p_date {color:#2E2F37;}
.popup_content_01 .p_title {color:#F1C265;}
.icon_close_coupon {width:8%;}
.p_Title {font-size:0.875rem;line-height:1.5;letter-spacing:0;margin:7% 0;}
.div_content_inner {width:80%;margin:0 auto;margin-bottom:15%;padding:8%;line-height:1.8;box-sizing:border-box;font-size:0;border-radius:10px;background-color:#F8F8F8;}
.div_content_title {display:inline-block;width:35%;text-align:left;font-size:0.875rem;color:#9A9DAB;}
.div_title_inner {display:inline-block;width:65%;text-align:left;font-size:0.875rem;font-weight:bold;}
.type_b {color:#5AB6F3}
.choose {width:100%;border-top:1px solid #CFD0D8;font-size:0;}
.button_cancel, .button_confirm {display:inline-block;width:50%;line-height:3;font-size:1rem;}
.button_cancel {color:#9A9DAB;}
.button_confirm {border-left:1px solid #CFD0D8;}
.type_p {color:#FF1C62;}

@media only screen and (min-width:375px) {
  html {
    font-size:1rem;
  }
}