@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:300;src:url(sarabun-v13-latin-300.bdf7ef8a-f18d0b0e.woff2) format("woff2")}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:400;src:url(sarabun-v13-latin-regular.75e25514-e4c8d9eb.woff2) format("woff2")}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:600;src:url(sarabun-v13-latin-600.fc0bcc64-010bf17a.woff2) format("woff2")}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:700;src:url(sarabun-v13-latin-700.c0134d9b-7ac242ca.woff2) format("woff2")}@font-face{font-display:swap;font-family:Muli;font-style:normal;font-weight:300;src:url(mulish-v12-latin_vietnamese-300.0f91fdd8-326e24d2.woff2)}@font-face{font-display:swap;font-family:Muli;font-style:normal;font-weight:400;src:url(mulish-v12-latin_vietnamese-regular.f184f1be-90ebdac9.woff2) format("woff2")}@font-face{font-display:swap;font-family:Muli;font-style:normal;font-weight:700;src:url(mulish-v12-latin_vietnamese-700.abc262d2-d6f00059.woff2) format("woff2")}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left;position:relative;max-width:100%}.banner{width:100%;position:absolute;height:400px;background-color:#ffffff07;z-index:0;padding-top:45px}.banner .banner-content{display:-webkit-box;display:-ms-flexbox;display:flex}.banner-img{height:100%}.banner .banner-content__center{position:relative;width:100%}.banner .banner-content img{-o-object-fit:cover;object-fit:cover;width:100%;max-height:400px;height:100%}.banner .banner-content__center:after{content:"";width:100%;height:100%;position:absolute;display:block;top:0;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(82%,rgba(0,0,0,.75)));background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.75) 82%)}.banner-title{font-size:24px;color:#fff;font-weight:700;bottom:70px}.banner-logo,.banner-title{position:absolute;left:50%;transform:translate(-300px)}.banner-logo{bottom:100px;max-width:240px;max-height:160px}.container>.content{margin:340px auto auto;min-height:330px}.content-box{box-sizing:border-box;width:770px;min-height:130px;padding:30px 60px;margin:0 auto 30px;background:#fff;border-radius:5px;-webkit-box-shadow:0 2px 5px 0 rgba(26,39,66,.3);box-shadow:0 2px 5px #1a27424d;position:relative}.content-box__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.IdentificationCustomInfo.QUICK.INLINE{cursor:pointer}.content-box__header-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item{margin-bottom:22px}.authentication .el-button{width:100%;background-color:#e26900}.button{padding:10px;min-width:120px;background:#e26900;color:#fff;border:none;-webkit-transition:all .3s;transition:all .3s;border-radius:5px;box-sizing:border-box;height:50px}.loginForm .button{height:50px;width:100%}.custom-userInfo{width:100%;border-radius:4px;font-size:14px;border:1px dashed #e26900;background-color:#fff6e1;padding:16px 32px;-webkit-transition:all .3s;transition:all .3s}.custom-userInfo p{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;font-weight:700}.custom-userInfo p span{color:#e26900;margin-right:5px;text-transform:capitalize}.content-box__header-number{color:#e26900;width:22px;height:22px;display:inline-block;text-align:center;vertical-align:middle}.content-box__header div>span{font-weight:700;line-height:22px}.content-box__content .errorWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-width:290px;min-height:40px}.product-wrapper{width:100%}.packageGroup{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:15px}.button-wrapper{position:relative}.button.around,.button.default{padding:0;height:30px;border-radius:16px;border:1px solid #c8c8c8;background-color:#fff}.button span{line-height:16px;font-size:16px;font-weight:400;color:#fff}.button.default span{color:#454545}.button.selected{background-color:#e26900;border-color:#e26900}.button.selected span{color:#fff}.packageGroup .el-button{margin:10px 10px 0 0;min-width:unset!important}.packageGroup .el-button.around{height:unset!important;padding:5px 10px!important}.package_category{display:none}.package_category.package_category_active{display:block}.package{padding-left:15px;padding-right:15px;margin-bottom:15px}.package-item{position:relative;max-width:290px;overflow:hidden;margin-bottom:15px;margin-top:15px;cursor:pointer}.package-item.selected:after{content:"";font-family:FontAwesome;position:absolute;right:10px;top:10px;color:green;font-size:20px;z-index:2}.package-item,.package-item img,.package-item-info,.package-item-info img{width:100%;height:auto;display:block;margin:0}.package-item-info img{padding:0 15px 0 0}.package_name{text-align:center;margin:5px}.parentInfo{display:none}.packageInfo{width:100%;max-width:650px;background:#fff;-webkit-transition:height .3s ease-out;transition:height .3s ease-out;border-radius:10px;-webkit-box-shadow:0 0 8px 0 rgba(26,39,66,.2);box-shadow:0 0 8px #1a274233;border:1px solid #c8c8c8;padding:20px;position:relative;margin:25px auto 10px}.packageInfo__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px}.packageInfo__head .close{color:#989898;cursor:pointer;font-size:12px}.packageInfo .triangleTop{-webkit-transition:all .5s ease;transition:all .5s ease;position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #c8c8c8;top:-20px}.packageInfo .triangleTop:after{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:19px solid #fff;position:absolute;left:-9px;top:1px}.packageBadge{position:absolute;bottom:8px;left:0;width:100%;display:flex}.packageBadge .infoBadge{margin-left:10px;margin-right:auto;text-align:center;background:#0476b8;color:#fff;padding:5px;border-radius:10px;opacity:0}.packageBadge .infoBadge i,.packageBadge .infoBadge span{color:#fff}.packageBadge .purchaseBadge{margin-right:10px;margin-left:auto;text-align:center;background:#e26900;padding:5px;color:#fff;border-radius:10px;opacity:0}.packageBadge .purchaseBadge i,.packageBadge .purchaseBadge span{color:#fff}.package-item:hover>.packageBadge .infoBadge{opacity:1}.package-item:hover>.packageBadge .purchaseBadge{opacity:1}.packageBadge .purchaseBadge.selected{opacity:1;background:#2eba7d}.content-box div.title-packageGroup{font-weight:700;line-height:22px}.el-collapse-item__wrap{display:none}.el-collapse-item__wrap.active{display:block}.el-input--suffix .el-input__inner{border:1px solid #dcdfe6;padding:15px;font-size:14px}.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:650px;margin:40px auto;position:relative}.white-popup-block h3{margin:5px 0}.white-popup-block p{margin:15px 0}#packageList,#paymentMethodList,#IngameAccountInfo,#confirm{display:none}#buttonPayment{display:none;width:100%;margin:15px 0}.pmt-method-group .el-collapse-item__header .pmt-group{width:100%;padding:10px 0 10px 10px;display:flex;align-items:center}.pmt-method-group .el-collapse-item__header .pmt-group__name{margin-left:15px}.pmt-method-group .el-collapse-item__header .pmt-group__name p{display:flex;align-items:center;line-height:14px;font-weight:700}.pmt-method-group .el-collapse-item__header .pmt-group__name .displayName .minAmount{color:#989898;padding-top:5px;font-weight:600;font-size:13px}.pmt-method-group .el-collapse-item__header .pmt-group__content{display:flex;align-items:center}.pmt-method-group .el-collapse-item__header .pmt-group__img{width:40px;height:40px;display:flex;align-items:center}.pmt-method-group .el-collapse-item .filterPmt{margin-bottom:16px;margin-top:8px}#PaymentMethodListSearchInput.el-input--suffix .el-input__inner{border:1px solid #dcdfe6;padding:25px;font-size:14px;margin-bottom:15px;margin-top:10px}.confirm.confirm-single .list-info{margin-bottom:12px;display:flex}.confirm .list-info .info-detail,.confirm .button{width:100%}.el-button>span{color:#fff}.list-info .info-detail p{display:flex;margin-bottom:unset;font-weight:400;font-size:14px}.list-info .info-detail p+p{margin-top:8px}.list-info .info-detail p code{-webkit-box-flex:1;flex:1 1 0%;word-break:break-word}.list-info .info-detail .line-total-price .total-price{color:#e26900}.prdDescription{font-size:12px;line-height:18px;padding:0 0 20px}.el-input--suffix .el-input__inner:disabled{background:#dfdfdf}.el-button:focus,.el-button:hover{color:#fff;background:rgba(226,105,0,.8)}.divider{height:1px;width:100%;margin:12px 0;background-color:#dcdfe6}.list-info .info-detail p span{font-weight:700;margin-right:10px;-webkit-box-flex:1;flex:1 1 0%}.pmt-method{cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;border:1px solid #c8c8c8;background-color:#fff;text-align:center;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;margin-bottom:10px}.pmt-method__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:100%;padding:5px;overflow:hidden;transition:all .3s,background-position 0s}.pmt-method__info .pmt__img.payzing{max-width:40px;height:40px;display:inline-block;width:100%;border-radius:4px}.pmt-method__info .pmt__img.payzing img{height:auto;width:auto}.pmt-method__info .pmt__cost{margin-left:10px;font-weight:700;color:#e26900;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.pmt-method__name{border-top:1px solid #c8c8c8;background-color:#ebebeb;border-radius:0 0 4px 4px;text-align:left;padding:4px 10px;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap}.pmt-method.selected{border-color:#e26900}.pmt-method.selected .pmt-method__name{border-color:#e26900;background-color:#e26900}.pmt-method.selected .pmt-method__name span{color:#fff}.payment_bank.noSearch{display:none}.loaderCheck{height:9px;width:60px;--c:no-repeat linear-gradient(#000 0 0);background:var(--c),var(--c),var(--c),var(--c);background-size:26% 3px;animation:l1 1s infinite}.userName{font-weight:700}@keyframes l1{0%,70%,to{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}11.67%{background-position:0% 0,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}23.33%{background-position:0% 100%,calc(1*100%/3) 0,calc(2*100%/3) 50%,100% 50%}35%{background-position:0% 50%,calc(1*100%/3) 100%,calc(2*100%/3) 0,100% 50%}46.67%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 100%,100% 0}58.34%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 100%}}@media (max-width: 767px){.banner{height:400px;padding-top:0;margin:0}.container>.content{margin:340px auto auto;width:100%;padding:10px}.banner-logo,.banner-title{position:absolute;left:10px;font-size:14px;transform:none}.container{padding:0}.content-box{width:100%;margin-bottom:30px;padding:20px}}