.flexbox{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex}.no-flexbox{display:inherit}.box-electricity-bill{background:#fff;width:100%;font:400 16px arial;line-height:1.4;border:1px solid #e5e5e5;border-radius:4px;padding:16px;margin-bottom:20px;position:relative;z-index:2;clear:both;color:#222}.box-electricity-bill .mt8{margin-top:8px}.box-electricity-bill .mt12{margin-top:12px}.box-electricity-bill .mb8{margin-bottom:8px}.box-electricity-bill .mb12{margin-bottom:12px}.box-electricity-bill .mb20{margin-bottom:20px}.box-electricity-bill .mb24{margin-bottom:20px}.box-electricity-bill .txt_14{font-size:14px}.box-electricity-bill .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.box-electricity-bill .relative{position:relative}.box-electricity-bill .line-bottom{border-bottom:1px solid #e5e5e5}.box-electricity-bill [class*='grid__']{-webkit-column-gap:8px;column-gap:8px;row-gap:8px;position:relative}.box-electricity-bill .grid{display:grid;width:100%;margin-left:0;margin-right:0;position:relative}.box-electricity-bill .grid__1{grid-template-columns:repeat(1, 1fr)}.box-electricity-bill .grid__2{grid-template-columns:repeat(2, 1fr)}.box-electricity-bill .grid__3{grid-template-columns:repeat(3, 1fr)}.box-electricity-bill .confir_res{position:relative;padding-left:22px;cursor:pointer}.box-electricity-bill .confir_res>input{position:absolute;opacity:0;cursor:pointer}.box-electricity-bill .confir_res>input:checked ~ .checkmark{border:1px solid #C92A57}.box-electricity-bill .confir_res>input:checked ~ .checkmark:after{display:block}.box-electricity-bill .confir_res .checkmark{border:1px solid #9F9F9F;width:16px;height:16px;position:absolute;border-radius:50%;left:0;top:2px}.box-electricity-bill .confir_res .checkmark:after{content:"";background:#C92A57;position:absolute;width:10px;height:10px;border-radius:50%;top:2px;left:2px;display:none}.box-electricity-bill .confir_res input[type="checkbox"] ~ .checkmark{border-radius:2px;width:14px;height:14px;left:2px;top:1px}.box-electricity-bill .confir_res input[type="checkbox"] ~ .checkmark:after{border-radius:0;left:4px;top:0px;width:3px;height:9px;border:solid #fff;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.box-electricity-bill .confir_res input[type="checkbox"]:checked ~ .checkmark{border:1px solid #C92A57;background:#C92A57}.box-electricity-bill .confir_res input[type="checkbox"]:checked ~ .checkmark:after{display:block}.box-electricity-bill input{float:none;width:100%;background:#fff;border-radius:4px;height:40px;border:1px solid #e5e5e5;font-size:16px;padding:0 8px;color:#222;outline:none;font-family:arial;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1)}.box-electricity-bill input.is-invalid{border:1px solid #BF0012 !important}.box-electricity-bill input:focus{border:1px solid #4f4f4f}.box-electricity-bill input.text-right{text-align:right}.box-electricity-bill .icon-info-note{position:relative;padding:0px 0px 5px 5px;cursor:pointer;margin:0px 0px -5px 0}.box-electricity-bill .icon-info-note .box-info-hover{font-family:Arial;position:absolute;top:50px;right:0;z-index:2;padding:16px;background:#FFFFFF;width:300px;text-align:left;border-radius:8px;font-weight:400;opacity:0;visibility:hidden;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);-webkit-filter:drop-shadow(0px 2px 12px rgba(0,0,0,0.2));filter:drop-shadow(0px 2px 12px rgba(0,0,0,0.2))}.box-electricity-bill .icon-info-note .box-info-hover::before{content:"";background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 9L0.0717953 -3.51391e-07L13.9282 8.59975e-07L7 9Z' fill='white'/%3e%3c/svg%3e");width:14px;height:9px;position:absolute;margin:-8px 0 0 0;top:0;right:6px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.box-electricity-bill .icon-info-note .box-info-hover .lbl{font-weight:bold;line-height:1.4;border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin-bottom:10px}.box-electricity-bill .icon-info-note .box-info-hover ul{border-bottom:1px solid #e5e5e5;padding-bottom:15px;margin-bottom:15px}.box-electricity-bill .icon-info-note .box-info-hover ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;line-height:1.6}.box-electricity-bill .icon-info-note .box-info-hover ul li:last-child{margin-bottom:0}.box-electricity-bill .icon-info-note .box-info-hover ul li div:last-child{text-align:right}.box-electricity-bill .icon-info-note .box-info-hover ul li div .note{display:inline-block;margin-top:4px}.box-electricity-bill .icon-info-note .box-info-hover ul.dotted{border-bottom:0;padding-bottom:0;margin-bottom:5px}.box-electricity-bill .icon-info-note .box-info-hover ul.dotted li{position:relative;margin-top:6px;margin-bottom:0;padding-left:10px;display:block}.box-electricity-bill .icon-info-note .box-info-hover ul.dotted li::before{content:"";background:#9F9F9F;position:absolute;width:4px;height:4px;left:0;top:10px;border-radius:50%}.box-electricity-bill .icon-info-note .box-info-hover ul:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.box-electricity-bill .icon-info-note:hover .box-info-hover{top:30px;opacity:1;visibility:visible}.box-electricity-bill .wrap-input .flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box-electricity-bill .wrap-input .flex span{margin-left:8px}.box-electricity-bill .wrap-input .btn_reset{position:absolute;right:10px;top:11px;width:16px;height:16px;line-height:16px;border-radius:50%;border:0;background:#9F9F9F;visibility:hidden;opacity:0;font-size:15px;color:#fff;font-family:-webkit-body}.box-electricity-bill .wrap-input .form-search.active input{padding-right:35px}.box-electricity-bill .wrap-input .form-search.active .btn_reset{visibility:visible;opacity:1}.box-electricity-bill .form-search .suggest-search{padding:0;-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.2);box-shadow:0px 1px 4px rgba(0,0,0,0.2);border-radius:4px;top:42px;background:#fff;opacity:0;z-index:-1;width:100%;position:absolute}.box-electricity-bill .form-search .select-dish{overflow-y:auto;overflow-x:auto;padding-right:0;max-height:230px}.box-electricity-bill .form-search .select-dish::-webkit-scrollbar{width:5px}.box-electricity-bill .form-search .select-dish::-webkit-scrollbar-thumb{background-color:#E1E1E1;width:5px;border-radius:10px}.box-electricity-bill .form-search .select-dish li{margin-bottom:0;font-size:16px;padding:10px 12px !important;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.4;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.box-electricity-bill .form-search .select-dish li.empty{font-weight:700;font-size:16px;text-transform:uppercase}.box-electricity-bill .form-search .select-dish li span{color:#4F4F4F;width:calc(100% - 40px);padding-left:5px}.box-electricity-bill .form-search .select-dish li .code{width:40px}.box-electricity-bill .form-search .select-dish li:hover{color:#9f224e}.box-electricity-bill .form-search .select-dish li:hover span{color:#9f224e}.box-electricity-bill .form-search.active .suggest-search{opacity:1;z-index:2}.box-electricity-bill .error{color:#BF0012;font-size:14px;margin-top:8px;line-height:1}.box-electricity-bill .btn_vne{background:#C92A57;font-size:16px;line-height:40px;padding:0 20px;border-radius:4px;display:inline-block;text-align:center}.box-electricity-bill .btn_vne.retry{background:#FFFFFF;border:1px solid #BDBDBD;color:#4F4F4F !important;line-height:38px;width:145px}.box-electricity-bill .btn_vne.full{width:100%}.box-electricity-bill .note{color:#9F9F9F}.box-electricity-bill .red{color:#BF0012}.box-electricity-bill .green{color:#087E32}.box-electricity-bill .tax-chart{height:200px;width:100%}.box-electricity-bill .placeholder{background:#222222;opacity:0.1;-webkit-animation:fading 1.5s infinite;animation:fading 1.5s infinite;border-radius:4px;font-size:0 !important}@-webkit-keyframes fading{0%{opacity:.1}50%{opacity:.2}100%{opacity:.1}}@keyframes fading{0%{opacity:.1}50%{opacity:.2}100%{opacity:.1}}.box-electricity-bill .title-box{font:bold 18px/160% "Merriweather", serif;-webkit-font-feature-settings:'pnum' on, 'lnum' on;font-feature-settings:'pnum' on, 'lnum' on;margin-bottom:20px}.box-electricity-bill .title-box .icon-info-note{margin:2px -5px 0 0}.box-electricity-bill .title-box .icon-info-note .box-info-hover{right:0;left:inherit}.box-electricity-bill .title-box .icon-info-note .box-info-hover::before{left:inherit;right:6px}.box-electricity-bill.box-300{border:0 !important;padding:20px 0 0 0 !important;border-top:1px solid #E5E5E5 !important;border-radius:0}.box-electricity-bill.box-300 .btn_vne.retry{width:100%}@media (max-width: 600px){.box-electricity-bill .icon-info-note .box-info-hover{width:250px;padding:10px;border-radius:4px;left:0;right:inherit}.box-electricity-bill .icon-info-note .box-info-hover::before{left:6px;right:inherit}}.box-electricity-bill:hover{z-index:3}.box-electricity-bill input{width:130px}.box-electricity-bill .error{line-height:1.4;max-width:130px}.box-electricity-bill .head-option{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.box-electricity-bill .head-option .tab-label{display:-webkit-box;display:-ms-flexbox;display:flex}.box-electricity-bill .head-option .tab-label .confir_res{margin-right:25px;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:40px;color:#9F9F9F}.box-electricity-bill .head-option .tab-label .confir_res .checkmark{top:11px}.box-electricity-bill .head-option .tab-label .confir_res .wrap-input{margin:0px 0 0 8px;display:none}.box-electricity-bill .head-option .tab-label .confir_res>input:checked ~ .wrap-input{display:block}.box-electricity-bill .head-option .tab-label .confir_res.active{color:#222222}.box-electricity-bill .result-bill p{margin-bottom:0;line-height:1.4}.box-electricity-bill .result-bill .plan-electricity{border-top:1px solid #E5E5E5;padding-top:20px;padding-right:20px;margin-top:20px;margin-bottom:20px;line-height:1}.box-electricity-bill .result-bill .plan-electricity .plan{width:40%;padding-top:30px;-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:end !important}.box-electricity-bill .result-bill .plan-electricity .plan .title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;margin-right:0;display:none}.box-electricity-bill .result-bill .plan-electricity .item{width:30%;text-align:right;padding-left:10px}.box-electricity-bill .result-bill .plan-electricity .title{font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-right:-20px}.box-electricity-bill .result-bill .plan-electricity .title .note{display:none}.box-electricity-bill .result-bill .plan-electricity.grid .plan,.box-electricity-bill .result-bill .plan-electricity.grid .item{width:100%}@media (max-width: 600px){.box-electricity-bill input{width:100% !important}.box-electricity-bill .head-option .tab-label{display:block;width:100%}.box-electricity-bill .head-option .tab-label .confir_res{margin-top:0;margin-bottom:12px;width:100%;margin-right:0;-ms-flex-wrap:wrap;flex-wrap:wrap}.box-electricity-bill .head-option .tab-label .confir_res:last-child{margin-bottom:20px}.box-electricity-bill .head-option .tab-label .wrap-input{width:calc(100%);margin-left:0 !important}.box-electricity-bill .head-option .tab-label .wrap-input>.flex{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.box-electricity-bill .result-bill .plan-electricity{padding-right:0}.box-electricity-bill .result-bill .plan-electricity .mb8{margin-bottom:0}.box-electricity-bill .result-bill .plan-electricity .mb8+div{margin-top:8px}.box-electricity-bill .result-bill .plan-electricity .mb12{margin-bottom:0}.box-electricity-bill .result-bill .plan-electricity .plan,.box-electricity-bill .result-bill .plan-electricity .item{width:100%;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.box-electricity-bill .result-bill .plan-electricity .plan .note,.box-electricity-bill .result-bill .plan-electricity .item .note{display:none}.box-electricity-bill .result-bill .plan-electricity .plan:last-child,.box-electricity-bill .result-bill .plan-electricity .item:last-child{margin-bottom:0}.box-electricity-bill .result-bill .plan-electricity .plan{font-weight:bold;padding-top:0}.box-electricity-bill .result-bill .plan-electricity .item .title{font-weight:400;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;text-align:left;margin-right:0;position:relative}.box-electricity-bill .result-bill .plan-electricity .item .title .note{width:100%;display:block;margin-top:8px}.box-electricity-bill .result-bill .plan-electricity.grid{display:block}.box-electricity-bill .icon-info-note{position:static}.box-electricity-bill .icon-info-note .box-info-hover{width:calc(100vw - 60px)}.box-electricity-bill .btn_vne.retry{width:100%}}.box-electricity-bill.box-300 .head-option .tab-label{display:block;width:100%}.box-electricity-bill.box-300 .head-option .tab-label .confir_res{margin-top:0;margin-bottom:12px;width:100%}.box-electricity-bill.box-300 .head-option .tab-label .confir_res:last-child{margin-bottom:20px}.box-electricity-bill.box-300 .head-option .tab-label .confir_res.payment-amount{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-10px}.box-electricity-bill.box-300 .head-option .tab-label .confir_res.payment-amount .wrap-input{width:100%;width:calc(100% + 22px);margin:-4px 0 0 -22px}.box-electricity-bill.box-300 .head-option .tab-label .confir_res.payment-amount .wrap-input .form-search{width:calc(100% - 45px)}.box-electricity-bill.box-300 .head-option .tab-label .confir_res.payment-amount .wrap-input input{width:100%}.box-electricity-bill.box-300 .result-bill .plan-electricity{padding-right:0}.box-electricity-bill.box-300 .result-bill .plan-electricity .mb8{margin-bottom:0}.box-electricity-bill.box-300 .result-bill .plan-electricity .mb8+div{margin-top:8px}.box-electricity-bill.box-300 .result-bill .plan-electricity .mb12{margin-bottom:0}.box-electricity-bill.box-300 .result-bill .plan-electricity .plan,.box-electricity-bill.box-300 .result-bill .plan-electricity .item{width:100%;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.box-electricity-bill.box-300 .result-bill .plan-electricity .plan .note,.box-electricity-bill.box-300 .result-bill .plan-electricity .item .note{display:none}.box-electricity-bill.box-300 .result-bill .plan-electricity .plan:last-child,.box-electricity-bill.box-300 .result-bill .plan-electricity .item:last-child{margin-bottom:0}.box-electricity-bill.box-300 .result-bill .plan-electricity .plan{font-weight:bold;padding-top:0}.box-electricity-bill.box-300 .result-bill .plan-electricity .item .title{font-weight:400;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;text-align:left;margin-right:0}.box-electricity-bill.box-300 .result-bill .plan-electricity .item .title .note{width:100%;display:block;margin-top:8px}.photo-dark .box-electricity-bill{background:#292E33;border:1px solid rgba(255,255,255,0.16);color:rgba(255,255,255,0.7)}.photo-dark .box-electricity-bill .btn_vne{background:#B42652;color:#fff}.photo-dark .box-electricity-bill .btn_vne.retry{border:1px solid rgba(255,255,255,0.38) !important;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7) !important}.photo-dark .box-electricity-bill input{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.16) !important}.photo-dark .box-electricity-bill input.is-invalid{border:1px solid #FF4F58 !important}.photo-dark .box-electricity-bill .red{color:#FF4F58}.photo-dark .box-electricity-bill .green{color:#69DB8A}.photo-dark .box-electricity-bill .error{color:#FF4F58}.photo-dark .box-electricity-bill .note{color:rgba(255,255,255,0.38)}.photo-dark .box-electricity-bill .placeholder{background:#fff}.photo-dark .box-electricity-bill .line-bottom{border-bottom:1px solid rgba(255,255,255,0.16)}.photo-dark .box-electricity-bill .confir_res>input:checked ~ .checkmark{border:1px solid #E66489}.photo-dark .box-electricity-bill .confir_res .checkmark::after{background:#E66489}.photo-dark .box-electricity-bill .icon-info-note .box-info-hover{color:rgba(255,255,255,0.7);background:#2A2E34;border:1px solid rgba(255,255,255,0.16)}.photo-dark .box-electricity-bill .icon-info-note .box-info-hover .lbl,.photo-dark .box-electricity-bill .icon-info-note .box-info-hover ul{border-bottom:1px solid rgba(255,255,255,0.16)}.photo-dark .box-electricity-bill .icon-info-note .box-info-hover .lbl.dotted,.photo-dark .box-electricity-bill .icon-info-note .box-info-hover ul.dotted{border-bottom:0}.photo-dark .box-electricity-bill .icon-info-note .box-info-hover::before{display:none}.photo-dark .box-electricity-bill .icon-info-note:hover .box-info-hover{top:25px}.photo-dark .box-electricity-bill .form-search .suggest-search{background:#292E33 !important;color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.16)}.photo-dark .box-electricity-bill .head-option .tab-label .confir_res{color:rgba(255,255,255,0.38)}.photo-dark .box-electricity-bill .head-option .tab-label .confir_res.active{color:rgba(255,255,255,0.7)}.photo-dark .box-electricity-bill .result-bill .plan-electricity{border-top:1px solid rgba(255,255,255,0.16)}