@charset "UTF-8";
.page_0-2 {background-color:#9A9DAB;background-image:url(../images/img_bg_type_01.png);background-repeat:no-repeat;background-size:125%;background-position:-25% 60%;}
.page_0-3 {background-color:#66DDD4;background-image:url(../images/img_bg_type_02.png);background-repeat:no-repeat;background-size:75%;background-position:90% center;}
.page_0-4 {background-color:#F8F8F8;background-image:url(../images/img_bg_type_03.png);background-repeat:no-repeat;background-size:70%;background-position:70% 65%;}
.page_0-5 {background-color:#FFF000;background-image:url(../images/img_bg_type_04.png);background-repeat:no-repeat;background-size:40%;background-position:70% 57%;}
.page_30 {background-color:#F2F3F5;background-image:url(../images/img_bg_type_07.png);background-repeat:no-repeat;background-size:70%;background-position:75% 60%;}
.page_36 {background-color:#AC9379;background-image:url(../images/img_bg_type_08.png);background-repeat:no-repeat;background-size:100%;background-position:center 55%;}
.page_13 {background-image:url(../images/img_bg_type_05.png);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.page_0-1 .div_upper {width:100%;height:0;}
.page_0-3 .content_title {color:#FFF8A7}
.page_0-4 .content_title {color:#FF1C62}
.page_0-4 .content_text {color:#9A9DAB}
.page_0-5 .content_title {color:#2E2F37}
.page_0-5 .content_text {color:#9A9DAB}
.page_30 .content_title {color:#2E2F37;}
.page_30 .content_text {color:#9A9DAB;letter-spacing:0;}
.page_6, .page_7 {background-color:#5AB6F3}
.page_8 {background-color:#F8F8F8;}
.page_11 {background-color:#fff;position:static;}
.page_15 .confirm_btn {background-color:#fff;color:#FF1C62;}
.page_17 .cancel_btn {background-color:transparent;}
.page_18 .confirm_btn {background-color:#fff;color:#5AB6F3;}
.page_19 {background-color:#21D670;}
.page_21 {background-color:#F8F8F8;}
.page_8, .page_10 {height:90%;}
/*.page_16 .cancel_btn {background-color:#21D670;}*/
.page_17 .pay_price, .page_20 .pay_price  {float:right;font-weight:100;line-height:80px;font-weight:bold;}
.stamp_menu_list:first-child {margin:0;}
/* 0-1_main.html */
.div_header {
  background-color:#9A9DAB;
}
.header_tit {
  display:block;
  width:90%;
  margin:0 auto;
  line-height:3;
  font-size:0.750rem;
  text-align:right;
  color:#fff;
}
.menu_list {
  width:100%;
  height:65px;
  line-height:65px;
  margin:3% 0;
  padding-left:3%;
  text-align:left;
  background-color:#fff;
  font-size:1rem;
  font-weight:900;
}
.menu_list > img {
  width:13%;
  margin-right:5%;
  vertical-align:middle;
}
.bottom_logo {
  display:block;
  width:100%;
  margin-top:5%;
  padding:5% 0;
  vertical-align:middle;
}
.bottom_logo > img {
  width:30%;
}
.page_0-2 .div_stamp_menu {
  background-color:#9A9DAB;
}
.page_0-4 .div_stamp_menu {
  background-color:#F8F8F8;
}
/* 6_payment.html */
.payment_title {
  display:block;
  margin-top:20%;
  margin-bottom:5%;
  font-size:1.25rem;
  color:#fff;
  font-weight:bold;
}
.div_payment_card {
  margin:0 auto;
  max-width:352px;
  width:85%;
  border:1px solid #fff;
  border-radius:10px;
}
.payment_card_txt {
  padding:3%;
  font-size:0.750rem;
  color:#fff;
  text-align:left;
}
.payment_card_menu {
  width:100%;
  height:50px;
  line-height:40px;
  margin-top:15%;
  font-size:0;
  border-top:1px solid #fff;
}
.payment_history, .payment_top_up {
  display:inline-block;
  width:48%;
  text-align:center;
  font-size:1rem;
  font-weight:bold;
  color:#fff;
}
.payment_top_up {
  font-weight:bold;
  box-sizing:border-box;
}
.p_line {
  content:"";
  display:inline-block;
  vertical-align:top;
  width:1px;
  height:50px;
  background-color:#fff;
}
.plus_icon {
  font-weight:100;
  font-size:1.5rem;
}
.payment_btn {
  background-color:#fff;
  color:#FF1C62;
  font-size:1.5rem;
}
.payment_btn > img {
  margin-right:3%;
  width:8%;
  vertical-align: middle;
}

/* 7_topUp_stamping.html */
.div_Top_title {
  width:100%;
  padding-left:10%;
  text-align:left;
  background-color:#21D670;
  box-sizing:border-box;
}
.Top_title {
  display:inline-block;
  line-height:3;
  font-size:1.25rem;
  font-weight:bold;
  color:#fff;
}
.header_type {
  display:block;
  text-align:left;
  padding-left:10%;
}
.p_stamping_title {
  padding-bottom:7%;
  font-size:1.2rem;
  font-weight:bold;
  color:#21D670;
}
.img_stamping_here {
  width:40%;
  margin:3% 0;
}
.div_desc {
  margin-left:10%;
  border-left:1px solid #9A9DAB;
  line-height:1.3;
  text-align:left;
}
.p_desc_inner {
  margin-top:8%;
  margin-left:8%;
  letter-spacing:0;
  color:#9A9DAB;
  font-size:0.745rem;
}
.cancel_btn {
  display:block;
  width:40%;
  height:40px;
  line-height:40px;
  margin:auto;
  margin-top:5%;
  position:static;
  border-radius:40px;
  border:1px solid #fff;
  text-align:center;
  font-size:1rem;
  /*background-color:#FF1C62;*/
  color:#fff;
}

/* 8_topUp_summary.html */
.summary_title {
  margin-top:12%;
  font-size:1.2rem;
  font-weight:bold;
}
.summary_text {
  margin-top:5%;
  font-size:0.750rem;
  line-height:1.2;
  color:#9A9DAB;
}
/* 9_topUp_stamping.html */
.title_icon {
  display:inline-block;
  margin-top:5%;
  font-size:1.65rem;
  color:#fff;
}
.title_icon > img {
  width:30%;
  margin-right:10%;
  vertical-align:middle;
}
.pay_stamping {
  margin-top:6%;
}
/* 10_pay_summary.html */
.p_btn {
  background-color:#FF1C62;
}
/* 11_12_payment_list.html */
.div_list_wrap {
  width:100%;
  font-size:0;
}
.list_menu {
  display:inline-block;
  width:50%;
  line-height:3;
  font-size:1rem;
  font-weight:bold;
  color:#9A9DAB;
}
#listTab_01, #listTab_02  {
  border:none;
}
#listTab_01.on {
  border-bottom:3px solid #FF1C62;
  color:#FF1C62;
}
#listTab_02.on {
  border-bottom:3px solid #5AB6F3;
  color:#5AB6F3;
}
#listMenu_01, #listMenu_02 {
  display:none;
}
#listMenu_01.on, #listMenu_02.on {
  display:block;
}
.div_payment_list {
  display:block;
}
.history_content {
  padding:6%;
}
.bg_gray {
  background-color:#F8F8F8;
}
.content_left {
  display:inline-block;
  width:70%;
  vertical-align:middle;
  text-align:left;
}
.content_name {
  padding-bottom:3%;
  font-size:1rem;
}
.content_date, .content_info {
  line-height:1.3;
  font-size:0.750rem;
  color:#9A9DAB;
}
.payment_list_price, .top_up_list_price {
  display:inline-block;
  width:30%;
  text-align:right;
  vertical-align:middle;
  font-size:1.3rem;
  font-weight:bold;
}
.payment_list_price {
  color:#FF1C62;
}
.top_up_list_price {
  color:#5AB6F3;
}
/* 13_manager_stamping.html */
.main_text {
  display:block;
  margin-top:2%;
  font-size:0.875rem;
  font-style:italic;
  color:rgba(255, 255, 255, 0.7);
}
.manager_content {
  margin-left:0;
  margin:0 auto;
  width:70%;
  border-left:1px solid #fff;
}
.color_B {
  font-size:1rem;
  font-weight:bold;
  color:#2E2F37;
}
.color_W {
  color:#fff;
}
/* 14_manager_stamping.html */
.manager {
  background-color:#21D670;
  z-index:100;
}
.header_text {
  display:inline-block;
  margin-left:5%;
  font-size:0.750rem;
  font-weight:600;
  font-style: italic;
  color:rgba(255, 255, 255, 0.7);

}
.content_place {
  display:block;
  padding:15% 0 10% 0;
  text-align:left;
  font-size:1.5rem;
  font-weight:bold;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,0.5);
}
.service_date, .service_info {
  margin-top:10%;
  text-align:left;
  font-size:0.750rem;
  color:#21D670;
  letter-spacing:0;
  line-height:1.5;
}
.date, .info {
  margin-top:3%;
  display:block;
  font-size:0.875rem;
  color:#fff;
}
.btn_history {
  margin-top:15%;
  padding:2% 6%;
  float:left;
  text-align:left;
  font-weight:100;
  border:1px solid #fff;;
  border-radius:20px;
  opacity:0.6;
  color:#fff;
}
.btn_wrap {
  position:fixed;
  bottom:0;
  width:100%;
  height:65px;
  line-height:65px;
  background-color:#fff;
  font-size:0;
  font-weight:bold;
}
.btn_top_up, .btn_pay {
  display:inline-block;
  width:50%;
  text-align:center;
  font-size:1rem;
}
.btn_top_up {
  color:#5AB6F3;
}
.btn_pay {
  color:#FF1C62;
  border-left:1px solid #CFD0D8;
  box-sizing:border-box;
}
/* 15_manager_key_price.html */
.p_key_pirce_tit {
  padding-top:15%;
  font-size:1.5rem;
  font-weight:bold;
  color:#21D670;
}
.p_ket_price_txt {
  padding-top:5%;
  color:#fff;
  font-size:0.875rem;
}
input#pay_price {
  width:70%;
  background:transparent url(../images/dollar.png);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:6%;
  text-align:right;
  color:#fff;
  font-size:2rem;
  border:none;
  border-bottom:1px solid #fff;
}
.input_wrap {
  position:relative;
  margin-top:15%;
}
::-webkit-input-placeholder{color:#fff;}

/* 17_manager_paymentTimer */
.div_price_area {
  width:100%;
  height:80px;
  background-color:#fff;
}
.div_price_desc {
  width:80%;
  height:100%;
  margin:0 auto;
}
.p_txt_price {
  display:inline-block;
  float:left;
  padding-top:5%;
  vertical-align:top;
  color:#9A9DAB;
  font-size:0.875rem;
}
.p_pay_tit, .p_pay_subtit, .p_subtxt {
  color:#fff;
}
.p_pay_tit {
  margin-top:12%;
  font-size:1.1rem;
  font-weight:bold;
}
.p_pay_subtit {
  margin-top:5%;
  font-size:0.80rem;
  line-height:1.3;
}
.paymentTimer {
  display:block;
  width:45%;
  padding:5% 0;
  margin:7% auto;
  border-top:1px solid #21D670;
  border-bottom:1px solid #21D670;
  color:#21D670;
  font-size:2.25rem;
  font-weight:bold;
}
.p_subtxt {
  padding-bottom:10%;
  line-height:1.5;
  font-size:0.950rem;
}

/* 21_manager_History */
.p_date_area {
  padding:2% 0;
  font-size:0.750rem;
  color:#9A9DAB;
}
.list_upper {
  width:100%;
}
.content_list_left {
  display:inline-block;
  width:70%;
  text-align:left;
  vertical-align:middle;
}
.content_right {
  display:inline-block;
  width:30%;
  text-align:right;
  vertical-align:middle;
}
.content_list {
  width:100%;
  padding:5%;
  background-color:#fff;
  box-shadow:1px 1px 0 rgba(0,0,0,0.1);
  border-bottom:1px solid #D8D9E1;
}
.p_maile {
  padding-bottom:3%;
  font-size:0.875rem;
  color:#2E2F37;
}
.p_content_place, .p_content_desc {
  line-height:1.3;
  font-size:0.750rem;
  color:#9A9DAB;
}
.p_Paytxt {
  font-size:0.650rem;
  color:#9A9DAB;
}
.p_Payprice {
  margin-top:10%;
  font-size:1rem;
  font-weight:400;
  color:#FF1C62;
}
.p_Topupprice {
  color:#5AB6F3;
}

/* for manager */
.div_content_wrap {
  background-image:url(../images/img_bg_type_06.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  width:100%;
  height:90%;
}
.div_content_upper {
  width:85%;
  margin:0 auto;
}
.transparent {
  position:static;
  background-color:transparent;
  color:rgba(255, 255, 255, 0.55);
}
/*.m_cancel_btn {
  background-color:#21D670;
  color:rgba(255, 255, 255, 0.55);
}*/

/* media Query */
@media only screen and (max-width:320px) {
  .page_0-2 {
    background-size:110%;
    background-position:-160% 60%;
  }
  .content_title {
    margin-top:0;
  }
  .stamp_menu_list {
    height:65px;
    line-height:65px;
  }
}