#member-panel .top-banner {
  background-image: url("/images/member.jpg");
  min-height: 327px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    #member-panel .top-banner {
      background-image: url("/images/member_m.png");
      background-repeat: no-repeat;
      background-size: contain;
      min-height: 180px;
      margin-top: -15px; } }
#member-panel.member-box .panel {
  margin-top: 5%;
  padding: 1.5rem 1rem;
  background-color: #fafafa;
  border: none;
  color: #616161; }
#member-panel .panel {
  margin-top: 15px; }
  #member-panel .panel .panel-heading h4 {
    margin: 0; }
    #member-panel .panel .panel-heading h4 .panel-heading-icon {
      float: right;
      font-size: 20px; }
  #member-panel .panel .panel-body form .form-group label {
    font-size: 1.4rem;
    color: #777777; }
    #member-panel .panel .panel-body form .form-group label .required {
      color: red;
      margin-left: 5px; }
  #member-panel .panel .panel-body form .form-group input {
    font-size: 1.4rem; }
    #member-panel .panel .panel-body form .form-group input::-webkit-input-placeholder {
      font-size: 1rem; }
  #member-panel .panel .panel-body form .form-group input[type="date"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 1.42857143 !important; }
  #member-panel .panel .panel-body form .form-group .form-control-static {
    font-weight: bold;
    font-size: 1.4rem; }
  #member-panel .panel .panel-body form .form-group .lt-form-row > div {
    margin: 2px 0; }
  #member-panel .panel .panel-body form .form-group.form-action {
    margin-top: 15px; }

.red {
  color: #D43A3B !important; }

.font-red {
  color: #D43A3B !important; }

.font-green {
  color: #34962f !important; }

.font-thick {
  font-weight: 600 !important; }

.font-grey {
  color: #a7a7a7 !important; }

.font-grey-light {
  color: #ccc; }

.font-white {
  color: white !important; }

.tip-box {
  border: 1px solid #fafafa !important;
  background-color: #f5f5f5;
  box-shadow: 1px 1px 1px #ccc;
  color: #000; }

.no-border {
  border: 0 !important; }

.no-shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.no-bg {
  background: none !important; }

.no-padding {
  padding: 0 !important; }

.top5 {
  margin-top: 5px !important; }

.top10 {
  margin-top: 10px; }

.top20 {
  margin-top: 20px; }

.top30 {
  margin-top: 30px !important; }

.top40 {
  margin-top: 40px !important; }

.bottom10 {
  margin-bottom: 10px !important; }

.bottom20 {
  margin-bottom: 20px !important; }

.waiting img {
  width: 100px !important;
  margin: 0 auto; }

.box .panel-title {
  padding: 2px 15px; }

.box .page-header {
  padding-bottom: 0 !important; }

.required {
  color: #D43A3B;
  margin-left: 5px !important; }

.btn:focus, input:focus, select:focus, textarea:focus, button:focus {
  outline: none !important; }

.btn:active, .btn-red {
  color: #fff !important; }

.padding-left15 {
  margin-left: 15px; }

.btn-actions .btn-red {
  background: none !important;
  border-color: #bababa !important;
  color: #000 !important;
  transition: opacity 10s ease !important; }
  .btn-actions .btn-red:hover {
    background-color: #D43A3B !important;
    color: #fff !important; }

.form-control {
  border: 1px solid #ccc; }

.hid {
  display: none; }

a {
  color: #2d2d2d !important; }
  a:hover {
    text-decoration: none !important; }

.page-title {
  border-bottom: 2px solid #a7a7a7;
  padding: 2px 0; }
  .page-title .title {
    font-size: 2rem;
    color: #000;
    font-weight: bold; }

.warranty-extension .pay .ext-wrap {
  font-size: 1.3rem;
  padding-left: 10px;
  margin-top: 30px; }
  .warranty-extension .pay .ext-wrap .ext-item {
    margin-bottom: 10px; }
    .warranty-extension .pay .ext-wrap .ext-item div {
      display: inline-block; }
    .warranty-extension .pay .ext-wrap .ext-item .ext-label {
      font-weight: 600;
      width: 25%;
      padding-right: 8px; }
.warranty-extension .pay .cart-payment-methods {
  max-width: 400px;
  margin: 0 auto; }
.warranty-extension .pay .cart-payment-method-image {
  background-size: 74px 45px; }
.warranty-extension .pay .cart-payment-method-image {
  border: 0 !important; }
.warranty-extension .pay .cart-payment-method-image:hover .cart-payment-method-layer,
.warranty-extension .pay .cart-payment-method.active .cart-payment-method-image .cart-payment-method-layer {
  background-color: transparent !important; }
.warranty-extension .pay .cart-payment-method-detail {
  display: none; }
  .warranty-extension .pay .cart-payment-method-detail.active {
    display: block; }
  .warranty-extension .pay .cart-payment-method-detail.alipay-hk-detail {
    text-align: center; }
    .warranty-extension .pay .cart-payment-method-detail.alipay-hk-detail div {
      font-size: 1.3rem;
      color: #555;
      margin: 10px 0; }
    .warranty-extension .pay .cart-payment-method-detail.alipay-hk-detail #btn-alipay-hk-start {
      background-color: #cc0000;
      text-align: center;
      color: #fff !important;
      padding: 10px 40px;
      display: inline-block;
      font-size: 1.4rem;
      cursor: pointer; }
.warranty-extension .pay .title-select-method {
  text-align: center;
  display: none; }
.warranty-extension .pay.enable-apple-pay .title-select-method {
  display: block; }
.warranty-extension .pay.enable-apple-pay .cart-payment-method-image {
  border: 1px solid #ddd !important; }
@media (max-width: 480px) {
  .warranty-extension .pay .ext-wrap .ext-item div {
    width: 100% !important;
    display: block; } }

.consumables .form-control {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }
  .consumables .form-control:focus {
    outline: none !important;
    border: 1px solid #ccc !important; }
.consumables textarea, .consumables select {
  outline: none;
  box-shadow: none !important;
  border: 1px solid #ccc; }
.consumables .form-control[readonly] {
  background-color: #fff !important;
  border: 0; }

.form-control {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }
  .form-control:focus {
    outline: none !important;
    border: 1px solid #ccc !important; }

.height-auto {
  height: auto !important; }

.height150 {
  height: 150px !important; }

input.error {
  border: 1px solid #b22222 !important; }

.error {
  color: #b22222 !important; }

.top-alert-box {
  background-color: #fbe1e3;
  color: #CC0000;
  padding: 10px 0;
  font-size: 1.5rem; }

.top-info-box {
  background-color: #eeeddf;
  padding: 10px 0;
  font-size: 1.5rem; }

.top-bar {
  background-color: #efefef;
  box-shadow: inset 0 -1px 3px #ccc;
  -webkit-box-shadow: inset 0 -1px 3px  #ccc;
  -moz-box-shadow: inset 0 -1px 3px #ccc; }
  .top-bar dl dt {
    float: left;
    padding: 8px;
    padding-left: 0; }
    .top-bar dl dt img {
      width: 33px; }
  .top-bar dl dd {
    color: #4a4a4a;
    padding-top: 3px; }
  .top-bar dl dd:last-child {
    font-size: 1.2rem;
    color: #a7a7a7;
    padding: 0; }
  .top-bar .right {
    margin-right: -15px;
    margin-top: 7px; }
    .top-bar .right img {
      width: 35px;
      margin: 0 auto; }
  .top-bar.corpor {
    background-color: #999 !important;
    color: #fff !important; }
    .top-bar.corpor dl dd {
      color: #fff !important; }
    .top-bar.corpor .right a {
      color: #fff !important; }

.block-list .list {
  padding: 1rem 0; }
  .block-list .list:nth-child(odd) {
    background: #f4f4f4; }
  .block-list .list .title {
    color: #1a1a1a;
    font-weight: 600;
    font-size: 1.3rem; }
  .block-list .list .small {
    color: #3e3e3e;
    margin-top: 3px; }
  .block-list .list .dot:before {
    content: ' ';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 2px;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important; }
  .block-list .list .dot[data-attr='green']:before {
    background-color: #34962f; }
  .block-list .list .dot[data-attr='red']:before {
    background-color: #D43A3B; }
  .block-list .list .dot[data-attr='grey']:before {
    background-color: #a7a7a7; }
  .block-list .list .btn-groups {
    padding: 0; }
    .block-list .list .btn-groups img {
      width: 19px;
      float: left;
      margin-left: 28px;
      margin-top: 3px; }
    .block-list .list .btn-groups img[data-btn='long'] {
      margin-left: 20px; }
    .block-list .list .btn-groups .txt {
      padding: 4px 20px;
      margin-right: 8px;
      margin-left: -15px;
      color: #888; }
    .block-list .list .btn-groups .txt[data-txt='long'] {
      margin-right: 2px; }
  .block-list .list .model-detail {
    font-size: 1.3rem; }
.block-list .btn-bar {
  background-color: #fafafa !important;
  padding: 1.5rem;
  box-shadow: 1px 1px 1px #999;
  -webkit-box-shadow: 1px 1px 1px #999;
  -moz-box-shadow: 1px 1px 1px #999;
  -o-box-shadow: 1px 1px 1px #999; }
.block-list.invoice .block-child:nth-child(1) {
  padding: 2.5rem 1.2rem; }
.block-list.invoice .block-child:nth-child(2) {
  padding: .8rem 1.2rem; }
  .block-list.invoice .block-child:nth-child(2) span:first-child {
    color: #a7a7a7; }
.block-list.invoice .right {
  padding: 2.5rem 1rem; }
.block-list.corpor .btn-bar {
  background-color: #fff !important; }
.block-list.corpor .block-child {
  padding-top: 12px; }
  .block-list.corpor .block-child:nth-child(2) ul {
    margin-top: 17px; }
    .block-list.corpor .block-child:nth-child(2) ul li:first-child {
      margin-top: 12px; }
  .block-list.corpor .block-child:nth-child(3) .btn-groups .btn {
    padding: 2px 20px; }
    .block-list.corpor .block-child:nth-child(3) .btn-groups .btn img {
      margin-left: 10px;
      margin-top: 3px; }
    .block-list.corpor .block-child:nth-child(3) .btn-groups .btn span {
      display: inline-block;
      margin-top: 2px; }
    .block-list.corpor .block-child:nth-child(3) .btn-groups .btn[data-attr='long'] {
      padding: 2px 15px; }
      .block-list.corpor .block-child:nth-child(3) .btn-groups .btn[data-attr='long'] img {
        margin-left: -3px;
        margin-right: 5px; }
.block-list.meter-reading-container {
  font-size: 1.3rem; }

.btn-groups .btn, .btn-actions .btn {
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
  min-width: 11rem;
  padding: 2px 0;
  margin-left: 10px;
  text-transform: capitalize;
  border: 1px solid #bababa; }

.box dl {
  margin-bottom: 0; }
.box .panel-body {
  padding-bottom: 0 !important; }

.action-zone .btn {
  padding: 6px 8px; }

.quick-menu .menu-items dt img {
  margin: 0 auto;
  width: 74px; }
.quick-menu .menu-items dd:last-child {
  font-size: 1.5rem; }
.quick-menu.corpor-menu {
  background-color: #a3a3a3;
  padding-top: 2em;
  padding-bottom: 4em; }
  .quick-menu.corpor-menu dd {
    color: #fff; }

.order-history .title {
  font-weight: 600;
  font-size: 1.5rem; }
.order-history ul li {
  margin-top: 10px; }
.order-history .order-status-Paid {
  color: #34962f; }
.order-history .order-status-Cancel {
  color: #a7a7a7; }
.order-history .grey {
  color: #a7a7a7; }

.form-custom .form-control, .form-custom .form-control[readonly] {
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
  background: #e8e8e8;
  border: 1px solid #e8e8e8; }
.form-custom .form-control[readonly] {
  cursor: not-allowed; }
.form-custom .row-style div:not(:first-child) {
  margin-top: 15px !important; }
.form-custom input[type='checkbox'], .form-custom input[type='radio'] {
  margin-top: 1px;
  font-size: 25px; }
.form-custom .single-word {
  font-size: 17px;
  padding-top: 4px; }
.form-custom .layer {
  box-shadow: 5px 5px 5px #f8f8f8;
  -webkit-box-shadow: 5px 5px 5px #f8f8f8;
  -moz-box-shadow: 5px 5px 5px #f8f8f8;
  -o-box-shadow: 5px 5px 5px #f8f8f8;
  margin-top: 40px;
  padding-bottom: 20px;
  padding-right: 0; }
.form-custom.invoice {
  font-size: 1.3rem; }

.prizm-breadcrumb-wrapper {
  display: noned !important; }

.checkbox {
  position: relative;
  margin-bottom: 7px !important; }
  .checkbox .roundBox {
    width: 28px;
    height: 28px;
    position: relative;
    border-radius: 28px;
    margin-right: 25px;
    float: left; }
    .checkbox .roundBox label {
      position: absolute;
      cursor: pointer;
      left: 0;
      top: 4px;
      border-radius: 50px;
      box-shadow: inset -1px 0px 6px 0px #b3b3b3, 0 0 0;
      width: 40px;
      height: 28px;
      background: #d4d4d4; }
      .checkbox .roundBox label::after {
        content: '';
        width: 16px;
        height: 10px;
        position: absolute;
        top: 7px;
        left: 6px;
        border: 4px solid white;
        border-top: none;
        border-right: none;
        opacity: 0;
        background: transparent;
        transform: rotate(-45deg); }
      .checkbox .roundBox label:hover::after {
        opacity: 0.3; }
    .checkbox .roundBox input[type=checkbox] {
      visibility: hidden; }
      .checkbox .roundBox input[type=checkbox]:checked + label:after {
        opacity: 1; }
  .checkbox .txt {
    position: absolute;
    display: inline-block;
    margin-top: 12px;
    margin-left: -5%; }

label.error {
  display: none !important; }

.update .wrap {
  padding-left: 10px;
  color: #fff;
  margin-top: 50px;
  padding-right: 0; }
.update .form-control {
  padding: 2px 10px !important;
  font-size: 16px !important;
  text-align: center; }
.update .warning {
  padding: 10px;
  width: 100%;
  -moz-box-shadow: inset 0 0 10px #ada3a3;
  -webkit-box-shadow: inset 0 0 10px #ada3a3;
  box-shadow: inset 0 0 10px #ada3a3; }

.meter-history h3 {
  padding-right: 10em; }
.meter-history .block {
  border-left: 1px solid #fff;
  padding-top: 0; }
  .meter-history .block h4 {
    height: 20px;
    color: #fafafa;
    margin-top: 0 !important;
    font-size: inherit; }
  .meter-history .block div {
    color: #ccc; }

.tpl .alert {
  margin-top: 20px;
  margin-bottom: 0; }
.tpl .info {
  border-left: 1px solid #fff;
  padding-left: 10px;
  color: #fff;
  margin-top: 40px;
  padding-right: 11em; }

.ui-dialog {
  background-color: #767676 !important;
  border-radius: 0 !important;
  border: 0 !important; }
  .ui-dialog .ui-dialog-close {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 20px;
    opacity: 1;
    background-image: url("../images/member/btn_close.png");
    background-position: 0;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-size: cover; }
  .ui-dialog .ui-dialog-header {
    border: 0;
    color: #fff; }
  .ui-dialog .ui-dialog-footer button.ui-dialog-autofocus:active, .ui-dialog .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog .ui-dialog-footer button.ui-dialog-autofocus:hover {
    padding: 7px 20px !important; }
  .ui-dialog .ui-dialog-footer {
    text-align: left;
    padding: 30px 20px 40px !important; }
    .ui-dialog .ui-dialog-footer button {
      min-width: 9rem !important;
      -webkit-border-radius: 20px !important;
      -moz-border-radius: 20px !important;
      border-radius: 20px !important;
      padding: 7px 20px !important;
      color: #000 !important;
      background-color: #fff !important;
      border: 1px solid #D43A3B; }
      .ui-dialog .ui-dialog-footer button:active {
        box-shadow: 0 0 0 none;
        -webkit-box-shadow: 0 0 0 none;
        -moz-box-shadow: 0 0 0 none;
        -o-box-shadow: 0 0 0 none; }
      .ui-dialog .ui-dialog-footer button.ui-dialog-autofocus {
        border: 1px solid #D43A3B; }
  .ui-dialog .ui-dialog-button {
    float: none; }

.btn-menu-block {
  text-align: center; }

.btn-menu {
  display: inline-block;
  *display: inline;
  zoom: 1;
  cursor: pointer;
  border: 1px solid #bababa;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
  color: #888888 !important;
  background-color: #ffffff !important;
  font-size: 1rem;
  padding: 5px 0px;
  margin: 0px 3px 5px 3px;
  text-align: center;
  width: 130px; }
  .btn-menu img, .btn-menu span {
    display: inline-block;
    *display: inline;
    zoom: 1; }
  .btn-menu img {
    width: 21px; }
  .btn-menu span {
    vertical-align: middle;
    margin-left: 2px; }

.btn-menu.disabled {
  cursor: no-drop;
  background-color: #e6e6e6 !important; }

.tablet .tablet-right {
  text-align: right; }
.tablet .tablet-left {
  text-align: left; }
.tablet .tablet-center {
  text-align: center !important; }
.tablet .tablet-top10 {
  margin-top: 10px !important; }
.tablet .tablet-top20 {
  margin-top: 20px !important; }
.tablet .tablet-top30 {
  margin-top: 30px !important; }

@media (max-width: 767px) {
  .xs-right {
    text-align: right; }

  .xs-left {
    text-align: left; }

  .xs-center {
    text-align: center !important; }

  .xs-top10 {
    margin-top: 10px !important; }

  .xs-top20 {
    margin-top: 20px !important; }

  .xs-top30 {
    margin-top: 30px !important; }

  .page-title .title {
    font-size: 2rem; }

  .top-bar {
    border-top: 2px solid #a7a7a7; }
    .top-bar .h4 {
      font-size: 10px;
      margin-top: 20px; }
    .top-bar dl dt img {
      width: 40px;
      margin-top: -10px; }
    .top-bar dl dd {
      font-size: 1.2rem;
      padding: 0;
      line-height: 1.6rem; } }
    @media (max-width: 767px) and (max-width: 320px) {
      .top-bar dl dd {
        font-size: 1.2rem; } }
@media (max-width: 767px) {
    .top-bar dl dd:last-child {
      line-height: 2rem; } }
    @media (max-width: 767px) and (max-width: 320px) {
      .top-bar dl dd:last-child {
        line-height: 1rem; } }
  @media (max-width: 767px) and (max-width: 320px) {
    .top-bar .right {
      margin-left: -64px !important; } }
  @media (max-width: 767px) and (min-width: 375px) {
    .top-bar .right {
      margin-left: -37px !important; } }
  @media (max-width: 767px) and (max-width: 320px) {
    .top-bar .right li {
      max-width: 40px !important;
      margin: 0 7px; } }
  @media (max-width: 767px) and (min-width: 375px) and (max-width: 668px) {
    .top-bar .right li {
      max-width: 55px !important;
      font-size: 10px; } }
@media (max-width: 767px) {
    .top-bar ul li {
      vertical-align: top; }

  .block-list .list .btn-groups img {
    width: 21px;
    float: left;
    margin-left: 6px; }
  .block-list .list .btn-groups img[data-btn='long'] {
    margin-left: 6px; }
  .block-list .list .btn-groups .btn {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    min-width: 9rem;
    padding: 2px 6px;
    margin-left: 5px;
    text-transform: capitalize;
    border: 1px solid #bababa; } }
  @media (max-width: 767px) and (max-width: 320px) {
    .block-list .list .btn-groups .btn {
      width: 8rem; } }
@media (max-width: 767px) {
  .block-list .list .model-detail {
    font-size: 1rem; }
  .block-list.invoice .block-child:nth-child(1) {
    padding: 0 15px;
    font-weight: bold; }
  .block-list.invoice .block-child:nth-child(2) {
    padding: 10px 0 0 15px; }
  .block-list.invoice .right {
    padding: 0; }
  .block-list.corpor .block-child:nth-child(2) ul {
    margin: 0;
    margin-top: -5px; }
    .block-list.corpor .block-child:nth-child(2) ul li:first-child {
      margin-top: 16px; }
  .block-list.corpor .block-child:nth-child(3) .btn-groups .btn img {
    margin-right: 8px; }
  .block-list.meter-reading-container {
    font-size: 1rem; }

  .ui-dialog {
    top: 57px !important; }
    .ui-dialog .ui-dialog-footer {
      text-align: center; }

  .tpl .info {
    padding-right: 3rem; }
  .tpl .wrap {
    margin-top: 30px; }
    .tpl .wrap label {
      float: left;
      margin-right: 15px;
      padding-top: 10px;
      display: inline-block;
      width: 100px; }

  .quick-menu .block {
    min-height: 100px; }
  .quick-menu .menu-items dt img {
    width: 39px; }
  .quick-menu .menu-items dd:last-child {
    font-size: 1.2rem; }

  .form-custom .form-group {
    text-align: center; }
  .form-custom .row-style div:not(:first-child) {
    margin-top: 30px !important; }
  .form-custom.invoice {
    font-size: 1rem; }

  .order-history dl {
    width: 100%;
    margin-left: 20px; }
    .order-history dl dd {
      text-align: left; }

  .update .warning {
    max-width: 320px; }

  .meter-history h3 {
    padding-right: 2em; }
  .meter-history .block h4 {
    margin-bottom: 20px;
    font-size: 15px; }

  .checkbox .roundBox {
    margin-right: 0 !important; }
  .checkbox label {
    margin-left: 0 !important; }
  .checkbox .txt {
    margin-top: 0; } }
@media (min-width: 992px) {
  .top-bar .right {
    margin-right: 0 !important; }

  .btn-menu-block {
    text-align: right; } }
@media (max-width: 480px) {
  .page-title .title {
    font-size: 1.5rem; }

  .checkbox .roundBox label {
    top: 0 !important; }

  .tc .checkbox .roundBox label {
    top: -6px !important; } }
@media print {
  .top-bar {
    display: none; }

  .btn-actions {
    display: none; } }

/*# sourceMappingURL=member.css.map */