.package[data-v-25af16f6]{position:relative;overflow:hidden;border:1px solid rgba(42,139,255,.3);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.package .info-left[data-v-25af16f6]{height:100px;background:rgba(42,139,255,.15)}.package .info-left .name[data-v-25af16f6]{font-weight:700;font-family:Sarabun-Bold;font-size:18px;color:#283e50}.package .info-left .note[data-v-25af16f6]{color:#8f8f8f;font-size:12px}.package .info-right[data-v-25af16f6]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.package .info-right .price[data-v-25af16f6]{margin-bottom:24px;color:#283e50;font-weight:600;font-size:24px;text-align:center}.package .info-right .price .sub-text[data-v-25af16f6]{font-size:60%}.package .info-right .features .feature[data-v-25af16f6]{margin-bottom:8px;color:#283e50}.package .info-right .features .feature[data-v-25af16f6]:last-child{margin-bottom:0}.package .info-right .actions .btn-select[data-v-25af16f6]{width:146px;height:40px}.package.detail[data-v-25af16f6]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%!important;height:126px!important}.package.detail[data-v-25af16f6]:before{display:none}.package.detail .info-left[data-v-25af16f6]{min-width:204px;width:204px;height:100%}.package.detail .info-right[data-v-25af16f6]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.package.detail .info-right .field[data-v-25af16f6]{width:33.33333%}.package.detail .field .field-contain[data-v-25af16f6]{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.package.detail .field .title[data-v-25af16f6]{text-transform:uppercase;color:#8f8f8f;font-weight:600}.package.detail .field .value[data-v-25af16f6]{color:#283e50}.package.detail .field .value.balance[data-v-25af16f6],.package.detail .field .value.date[data-v-25af16f6]{font-size:16px}.package.detail .current-balance[data-v-25af16f6],.package.detail .next-bill[data-v-25af16f6]{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;text-align:center;height:55px}@media only screen and (max-width:767px){.package.detail[data-v-25af16f6]{height:auto!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.package.detail .info-left[data-v-25af16f6]{width:100%;height:84px;min-height:84px}.package.detail .info-right[data-v-25af16f6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.package.detail .info-right .field[data-v-25af16f6]{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:auto}}.renew-billing-modal .content[data-v-5451a668]{width:489px;padding-bottom:41px}.renew-billing-modal .content .text[data-v-5451a668]{margin-bottom:32px}@media only screen and (max-width:767px){.renew-billing-modal .content[data-v-5451a668]{width:100%}}.package[data-v-70e083e2]{position:relative;overflow:hidden;-webkit-box-shadow:0 3px 12px rgba(40,62,80,.15);box-shadow:0 3px 12px rgba(40,62,80,.15);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.package .info-left[data-v-70e083e2]{height:100px;background:rgba(42,139,255,.15)}.package .info-left .name[data-v-70e083e2]{font-weight:700;font-family:Sarabun-Bold;font-size:18px;color:#283e50}.package .info-left .current-plan[data-v-70e083e2]{display:none;font-size:14px;font-weight:600}.package .info-left .note[data-v-70e083e2]{color:#8f8f8f;font-size:12px}.package .info-right[data-v-70e083e2]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.package .info-right .price[data-v-70e083e2]{margin-bottom:24px;color:#283e50;font-weight:600;font-size:24px;text-align:center}.package .info-right .price .sub-text[data-v-70e083e2]{font-size:60%}.package .info-right .features .feature[data-v-70e083e2]{margin-bottom:8px;color:#283e50}.package .info-right .features .feature[data-v-70e083e2]:last-child{margin-bottom:0}.package .info-right .actions .btn-select[data-v-70e083e2]{width:146px;height:40px}.package.detail[data-v-70e083e2]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%!important;height:126px!important}.package.detail[data-v-70e083e2]:before{display:none}.package.detail .info-left[data-v-70e083e2]{min-width:204px;width:204px;height:100%}.package.detail .info-left .current-plan[data-v-70e083e2]{display:block}.package.detail .info-right[data-v-70e083e2]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.package.detail .info-right .field[data-v-70e083e2]{width:33.33333%}.package.detail .field .field-contain[data-v-70e083e2]{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.package.detail .field .title[data-v-70e083e2]{text-transform:uppercase;color:#8f8f8f;font-weight:600}.package.detail .field .value[data-v-70e083e2]{color:#283e50}.package.detail .field .value.balance[data-v-70e083e2],.package.detail .field .value.date[data-v-70e083e2]{font-size:16px}.package.detail .current-balance[data-v-70e083e2],.package.detail .next-bill[data-v-70e083e2],.package.detail .next-billing-date[data-v-70e083e2]{height:55px}.package.detail .actions-billing .field-contain[data-v-70e083e2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.package.detail .actions-billing .btn-plan[data-v-70e083e2]{width:158px;height:40px;margin-bottom:8px}.package.detail .actions-billing .btn-plan[data-v-70e083e2]:last-child{margin-bottom:0}.package.detail .actions-billing .btn-renew[data-v-70e083e2],.package.detail .actions-billing .btn-top-up[data-v-70e083e2]{background:-webkit-gradient(linear,left bottom,left top,from(#2a8bff),to(#44b7ff));background:linear-gradient(0deg,#2a8bff,#44b7ff);border-color:#fff!important;color:#fff}.package.detail .actions-billing .btn-renew.disabled[data-v-70e083e2]{background:-webkit-gradient(linear,left bottom,left top,from(#d0d2d3),to(#d0d2d3));background:linear-gradient(0deg,#d0d2d3,#d0d2d3);color:#283e50;pointer-events:none}.package.detail .actions-billing .btn-update-plan[data-v-70e083e2]{background:none;border:1px solid #2075b9;color:#2075b9}.package.current[data-v-70e083e2]{border:1px solid #2a8bff}.package.current.demand[data-v-70e083e2]{pointer-events:none}.package.current .info-left[data-v-70e083e2]{background-color:#2a8bff}.package.current .info-left .text[data-v-70e083e2]{color:#fff}.package.current .info-left .current-plan[data-v-70e083e2]{display:block}.package.current .info-right .actions[data-v-70e083e2]{display:none}.package.demand[data-v-70e083e2]{width:354px;height:464px}.package.demand .info-right .field[data-v-70e083e2]{width:100%}.package.demand .info-right .field.actions-billing .cancel-membership[data-v-70e083e2],.package.demand .info-right .field.next-billing-date[data-v-70e083e2]{display:none}.package.personal[data-v-70e083e2]{width:304px;height:464px}.package.personal .info-right .field.current-balance[data-v-70e083e2]{display:none}.package.call-center[data-v-70e083e2]{width:304px;height:362px}.package.call-center .info-right .field.current-balance[data-v-70e083e2]{display:none}@media only screen and (max-width:1400px){.package.personal[data-v-70e083e2]{width:230px;height:500px}.package.call-center[data-v-70e083e2]{width:230px}}@media only screen and (max-width:767px){.package.call-center[data-v-70e083e2],.package.demand[data-v-70e083e2],.package.personal[data-v-70e083e2]{width:100%!important;height:auto!important;min-height:313px}.package.call-center .info-right[data-v-70e083e2],.package.demand .info-right[data-v-70e083e2],.package.personal .info-right[data-v-70e083e2]{padding:20px}.package.call-center .info-right .actions[data-v-70e083e2],.package.demand .info-right .actions[data-v-70e083e2],.package.personal .info-right .actions[data-v-70e083e2]{display:none}.package.detail[data-v-70e083e2]{height:auto!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.package.detail .info-left[data-v-70e083e2]{width:100%;height:84px;min-height:84px}.package.detail .info-right[data-v-70e083e2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.package.detail .info-right .field[data-v-70e083e2]{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:auto}.package.detail .info-right .field.next-bill[data-v-70e083e2]{margin-bottom:28px}.package.detail .info-right .field.actions-billing[data-v-70e083e2]{margin-top:28px}}.auto-renew-billing-modal .content[data-v-620b1eab]{width:489px;padding-bottom:41px}.auto-renew-billing-modal .content .text[data-v-620b1eab]{margin-bottom:32px}@media only screen and (max-width:767px){.auto-renew-billing-modal .content[data-v-620b1eab]{width:100%}}.title-page[data-v-47677d9e]{margin-bottom:35px}.your-membership[data-v-47677d9e]{margin-bottom:28px}.your-membership .title[data-v-47677d9e]{margin-bottom:20px;font-size:14px;font-weight:600;color:#283e50}.summary-usage .summary-field[data-v-47677d9e]{margin-bottom:28px;font-weight:600;color:#283e50}.summary-usage .summary-field .text[data-v-47677d9e]{width:204px;font-size:14px}.summary-usage .summary-field .value[data-v-47677d9e]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.summary-usage .summary-field .amount[data-v-47677d9e]{font-size:18px}.summary-usage .summary-field .label[data-v-47677d9e]{color:#8f8f8f}.summary-usage .summary-field .label.active[data-v-47677d9e]{color:#27ae60}.summary-usage .summary-field[data-v-47677d9e]:last-child{margin-bottom:0}