html{position:relative;min-height:100%}body{padding-top:20px;padding-bottom:0;margin-bottom:60px}label{font-weight:400}.color-mysite{color:#fb9400}.headerLogin,.marketing{padding-right:15px;padding-left:15px}.header{margin-bottom:10px}.header h3,.headerLogin h3{padding-bottom:19px;margin-top:0;margin-bottom:0;line-height:40px}.header a:hover,.headerLogin a:hover{text-decoration:none}.nav li a{padding:0}img#topLogo{width:267px}img#logo{width:180px}img.btn-nav{width:47px;height:46px}.login{padding:14px 0 10px;background-color:#f5f5f5;margin-bottom:30px}.noZoomInput{font-size:17px}.rememberMe{font-size:16px}.remindMe{margin-top:15px;margin-bottom:15px}.reminder{font-size:16px;padding:10px 0;color:#000;margin-bottom:5px}.welcome{padding:14px 0;color:#000;background-color:#eee;font-size:16px;margin-bottom:5px}.title{padding:14px 0;color:#fff;background:#FB9400;font-size:18px;margin-bottom:5px}.title.password{background:#00ADEF}.content{margin-top:48px}.setting{padding:14px 0;color:#000;margin-bottom:5px}.setting form:not(:first-child){padding-top:50px}.footer{padding-top:19px;position:absolute;bottom:0;width:100%;height:60px;background-color:#f5f5f5;font-size:14px}.plan,.amount{font-size:16px}.panel-expire{background-color:#eee;padding:12px;margin:12px 0}.row-expire{font-size:14px}.row-button img{width:16px;height:10px}.panel-service-detail{background-color:#eee;padding:12px;margin:12px 0}.row-service-detail{font-size:14px;margin-bottom:12px}.contact-info{font-size:16px;font-weight:700}.tel{font-size:14px;margin-bottom:5px}.tel strong{font-size:22px}.contact{margin-top:38px;margin-bottom:12px}.contactNote{margin:12px 0}.contactBox{background-color:#e8edf0;padding:12px}.mail{font-size:14px;margin:5px 0 0}.mail a{font-size:14px}.noteCaution{margin:25px 0 0}.noPadding{padding:0}.menu{cursor:pointer;margin-bottom:20px}.menu .description{font-size:12px;color:#000;padding:0}.menu .description span{font-size:9px;display:block;color:red}.menu .panel{text-align:center}.menu .panel-internet{font-size:12px;background-color:#10ae62;font-weight:700;color:#fff;padding:24px 12px;margin:0 0 24px}.menu .panel-catv{font-size:12px;background-color:#354d99;font-weight:700;color:#fff;padding:24px 12px;margin:0 0 24px}.menu .panel-phone{font-size:12px;background-color:#ad4eb6;font-weight:700;color:#fff;padding:24px 12px;margin:0 0 24px}.menu .panel-mobile{font-size:12px;background-color:#04aaec;font-weight:700;color:#fff;padding:24px 12px;margin:0 0 24px}.menu .arrow{padding:0 0 0 12px}.menu .arrow img{margin-top:34px;width:10px;height:15px}.menu a:hover{text-decoration:none}.updateDate{margin:18px 0}.expires{margin-bottom:18px}.phoneNumber{margin:18px 0 5px}.phoneNumber .tel strong{display:block}.pager{margin:10px 0 20px}.pager span{font-size:14px}.hover{opacity:.6;filter:alpha(opacity=60);-ms-filter:"alpha( opacity=60 )"}@media screen and (min-width: 768px){.header,.marketing{padding-right:0;padding-left:0;font-size:18px}.headerLogin{margin-bottom:10px}img#logo{width:256px}img.btn-nav{width:67px;height:66px}.jumbotron{border-bottom:0}.login{padding:28px 0 8px;font-size:20px;margin-bottom:30px}.login .control-label{padding-top:4px}.rememberMe{margin-top:18px;margin-bottom:18px}.remindMe{margin-top:30px;margin-bottom:30px}.reminder{font-size:16px;padding:10px 50px}.welcome,.title{padding:14px 0;font-size:18px;margin-bottom:10px}.setting{padding:28px 0 14px;font-size:16px;margin-bottom:10px}.plan,.amount{font-size:24px}.panel-expire{background-color:#eee;padding:24px;margin:12px 0}.row-expire{font-size:18px}.row-button img{width:33px;height:21px}.contact-info{font-size:18px;font-weight:700}.tel{font-size:18px;margin-bottom:5px}.tel strong{font-size:24px;padding-left:8px}.mail{font-size:18px;margin:5px 0 0}.mail a{font-size:24px;padding-left:8px}.phoneNumber .tel strong{display:inline}.menu .panel-internet,.menu .panel-catv,.menu .panel-phone,.menu .panel-mobile{font-size:24px}.menu .description{font-size:22px}.menu .description span{font-size:18px}.menu .arrow img{margin-top:44px;width:20px;height:30px}.pager span{font-size:18px}}.canvasjs-chart-credit{display:none}.notify-warning{position:relative;display:flex;align-items:center}.notify-warning p{margin:0 0 0 8px}.setting-status{font-size:18px}.setting-status strong{color:#005bac;padding-left:80px}@media screen and (max-width: 425px){.setting-status{font-size:15px}.setting-status strong{padding-left:50px}}@media screen and (max-width: 348px){.setting-status strong{padding-left:25px}}.usage-payment-info{color:red;font-weight:700;border:1px solid #FF0000;border-radius:8px;padding:16px;margin-bottom:25px}.modal-detail-content{border-radius:12px;border:none;box-shadow:0 8px 32px #00000026;min-width:324px;max-width:500px}.modal-detail-header{padding:22px 14px;border-bottom:none}.modal-title{font-size:18px;font-weight:600;color:#000002;margin:0}.modal-detail-body{padding:0 14px}.detail-info-item{clear:both;overflow:hidden}.detail-info-item:after{content:"";display:table;clear:both}.detail-label{font-weight:700;color:#333;font-size:14px;line-height:1.4;padding-inline:0;margin-bottom:20px;padding-right:20px}.detail-value{color:#333;font-size:14px;line-height:1.4;word-break:break-all;padding-inline:0;margin-bottom:20px}.payment-link{color:#007bff;text-decoration:underline;font-size:14px;font-weight:400}.payment-link:hover{color:#0056b3;text-decoration:underline}.row-order-exist h3{margin-top:0;color:#0f172a;font-weight:600;margin-bottom:14px}.row-order-exist p{margin-bottom:42px;color:#000}.row-order-info .panel-default{margin-inline:20px;padding:17px}.row-order-info .panel-default .panel-body{padding-inline:0;padding-block:8px}.row-order-info .btn-success{background-color:#198754;background-image:none}.order-actions{display:flex;gap:10px;justify-content:space-evenly;align-items:center;font-size:16px}.order-actions .btn{padding:10px 16px;border-radius:6px}.modal-detail-footer{border-top:none;padding:8px 0 22px;text-align:center}.btn-close-modal{background:#D9D9D9;color:#000;border:none;padding:10px 26px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.modal-vertical-center{text-align:center;padding:0!important;white-space:nowrap}.modal-vertical-center:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}.modal-dialog-vertical-center{display:inline-block;text-align:left;vertical-align:middle;min-width:320px;white-space:normal;max-width:90vw}