/* line 1, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
* {
  font-family: "Microsoft JhengHei",SamsungSharpBold,"Open Sans",Helvetica,Arial,Sans-Serif !important;
}

/* line 5, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
i {
  font-family: FontAwesome !important;
}

/* line 9, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
html, *, .form-control, .btn {
  font-size: 20px;
}

/* line 13, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
body {
  overscroll-behavior-y: contain;
}

@media (max-width: 1024px) {
  /* line 18, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  html, *, .form-control, .btn {
    font-size: 16px;
  }

  /* line 21, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .subtitle {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  /* line 27, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  html, *, .form-control, .btn {
    font-size: 14px;
  }

  /* line 30, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .subtitle {
    font-size: 10px;
  }
}
/* line 36, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
h5 {
  font-size: 1.1rem;
}

/* line 40, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
h4 {
  font-size: 1.4rem;
}

/* line 44, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
h3 {
  font-size: 1.7rem;
}

/* line 48, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
h2 {
  font-size: 2rem;
}

/* line 52, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.content-block {
  margin-top: 3rem;
}

/* line 57, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.banner-btn {
  background: #49c684;
  border-radius: 16px;
  color: #fff;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 22px;
  padding: 11px 98px;
  width: 100%;
}

/* line 68, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.gray-btn {
  background: #7f7f7f;
  border-radius: 16px;
  color: #fff;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 22px;
  padding: 11px 98px;
  width: 100%;
}

/* line 79, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.danger-btn {
  background: #dd4b39;
  border-radius: 16px;
  color: #fff;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 22px;
  padding: 11px 98px;
  width: 100%;
}

/* line 90, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.banner-btn:hover, .gray-btn:hover, .danger-btn:hover {
  color: #fff;
  opacity: 0.9;
}

/* line 95, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.banner-btn-primary {
  background: #5898c5;
}

/* line 99, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.separation-line {
  border-bottom: 1px solid #d8d8d8;
}

/* ========== Header =========== */
/* line 104, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
header {
  background: #fff;
  border-bottom: 2px solid #eaeaea;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  height: 60px;
}

/* line 111, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.h-inner {
  width: 100%;
  text-align: center;
  position: relative;
}

/* line 117, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.h-inner .title {
  font-weight: bolder;
  line-height: 60px;
  font-size: 16px;
}

/* line 123, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.h-logo {
  position: absolute;
  right: 15px;
  top: 10px;
}

/* line 129, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.h-logo-block {
  display: inline-block;
  height: 40px;
}

/* line 133, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.h-logo-block img {
  height: 100%;
}

/* line 137, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.exam-subtitle {
  width: 100%;
  padding: 0.71rem 0 0 0;
  display: inline-block;
}

/* line 142, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.exam-subtitle .s-left {
  float: left;
}

/* line 145, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.exam-subtitle .s-right {
  float: right;
}

/* ========== Footer =========== */
/* line 149, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
table.footer {
  padding: 0.8rem;
  /*16px*/
  background: #1d293f;
  position: fixed;
  width: 100vw;
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 98;
}

/* line 159, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
table.footer td {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

/* line 162, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.segment-image {
  width: 30%;
  max-width: 50px;
}

/* line 166, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.segment-desc {
  margin-top: 0.21rem;
  /*3px*/
  width: 80%;
  /*48px*/
  font-size: 0.8rem;
  /*10px*/
  line-height: 1rem;
  /*14px*/
  color: #fff;
}

/* line 173, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.segment-arrow {
  width: 80%;
  max-width: 30px;
}

/* ====.footer==== */
/* line 179, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.fa-question-circle-o {
  line-height: 17px;
  color: #5898c5;
}

/* line 184, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.modal-header {
  border-bottom: none;
}

/* line 188, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.arrow-div {
  margin: 1.5rem 0;
}

/* ========= Container ========= */
/* line 193, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.container.c-recycle {
  background: #e7f0f6;
  margin-bottom: 5.2rem;
  overflow-y: auto;
}

/* line 198, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.container.c-recycle.profile {
  /*special header for profile*/
  padding-left: 0.71rem;
  /*10px*/
  padding-right: 0.71rem;
  /*10px*/
}

/* line 202, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.container.c-recycle.c-overview {
  /*special header for overview*/
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0;
  height: unset;
  border: unset;
}

/* line 210, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.container.c-recycle.c-exam {
  height: unset;
}

/* line 213, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.container.c-recycle.c-finish {
  height: unset;
  margin-bottom: initial;
}

/* -----===== General =====----- */
/*base unit: 1rem = 14px*/
/* line 220, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.container-cuz,
table.footer {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
}

/* -----===== Header =====----- */
/* line 228, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.header {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

/* -----===== Content =====----- */
/* for login.html.erb */
/* line 235, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.cc-border {
  /* height: calc(100vh - 5.2rem); */
  /* border: 1px solid #eee; */
}

/* for overview.html.erb */
/* line 241, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.cc-content {
  text-align: center;
}

/* line 244, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.cc-btn {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* line 249, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.container.c-recycle.c-overview {
  /* height: calc(100vh - 5.2rem); */
  /* border: 1px solid #eee; */
}

/* line 253, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.container.c-recycle {
  /* height: calc(100vh - 3.25rem - 5.2rem); */
}

/* line 256, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.container.c-recycle.c-finish {
  height: calc(100vh - 3.25rem);
  padding-top: 10px;
  margin-bottom: 0;
}

/* line 262, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.cc-erritem {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
}

/* -----===== Footer =====----- */
/* line 269, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
table.footer {
  left: auto;
}

/* line 271, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
.footer-block {
  display: flex;
  margin-top: 2rem;
}

/* line 277, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
#purchase-tip .tip p {
  font-size: 16px;
}

/* line 281, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
#purchase-tip .purchase-list li {
  font-size: 16px;
}

/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
@media screen and (max-width: 992px) {
  /* for sm & xs size */
  /* line 291, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .container-cuz {
    width: initial;
    margin-left: initial;
    margin-right: initial;
  }

  /* line 297, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .container.c-recycle {
    margin-bottom: 4.2rem;
  }

  /* line 301, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .cc-btn {
    width: 100%;
  }

  /* for overview.html.erb */
  /* -----===== Header =====----- */
  /* line 304, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  header {
    border-left: none;
    border-right: none;
    height: 50px;
  }

  /* line 309, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  header.container-cuz {
    width: 100%;
  }

  /* line 313, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .h-inner .title {
    line-height: 50px;
    font-size: 14px;
  }

  /* line 318, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .h-logo {
    top: 14px;
  }

  /* line 322, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .h-logo-block {
    display: inline-block;
    height: 30px;
  }

  /* line 326, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .h-logo-block img {
    height: 77%;
  }

  /* -----===== Content =====----- */
  /* line 331, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .cc-login {
    /* for login.html.erb */
    margin-bottom: 97px;
    height: calc(100vh - 15rem);
    overflow: auto;
  }

  /* line 337, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  #selectDevicePage .container.c-recycle,
  #discountPage .container.c-recycle {
    /* for select device */
    overscroll-behavior-y: contain;
  }

  /* line 342, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .cc-border {
    /* for overview.html.erb */
    border: none;
    height: unset;
  }

  /* line 346, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .cc-content {
    /* for overview.html.erb */
    text-align: left;
  }

  /* line 349, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  #overviewPage .content-block-small > h5 {
    font-size: 1rem;
  }

  /* line 350, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  #overviewPage .content-block-small > ul {
    font-size: 0.8rem;
  }

  /* line 352, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .cc-erritem {
    width: unset;
    margin-left: unset;
    margin-right: unset;
  }

  /* line 358, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .container.c-recycle.c-finish {
    margin-bottom: 3.5rem;
  }

  /* -----===== Footer =====----- */
  /* line 365, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  table.footer {
    width: 100vw;
    left: initial;
  }

  /* for finish view used */
  /* line 371, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  .footer-block {
    display: flex;
    margin-top: 2rem;
    position: fixed;
    bottom: 5px;
    left: 15px;
    right: 15px;
    /* background: #e7f0f6; */
  }

  /* line 381, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  #purchase-tip .tip p {
    font-size: 14px;
  }

  /* line 385, /Users/yctseng/Desktop/e-commerce/myfone/app/assets/stylesheets/recycle.scss */
  #purchase-tip .purchase-list li {
    font-size: 14px;
  }
}