/* Minification failed. Returning unminified contents.
(3,1): run-time error CSS1019: Unexpected token, found '@import'
(3,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap)'
(3,94): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,107): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,157): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,180): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,203): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,222): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,250): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,279): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,4274): run-time error CSS1039: Token not allowed after unary operator: '-bg-white'
(3,4307): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3,4722): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3,4972): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3,5074): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3,5887): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3,6211): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(3,8037): run-time error CSS1039: Token not allowed after unary operator: '-bg-white'
(3,8070): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(3,8329): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(3,9332): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3,9540): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3,9779): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(3,9989): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(3,10677): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3,12058): run-time error CSS1019: Unexpected token, found '@keyframes'
(3,12083): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5,36): run-time error CSS1035: Expected colon, found '{'
(9,106): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9,133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21,23): run-time error CSS1035: Expected colon, found '{'
(25,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(31,215): run-time error CSS1039: Token not allowed after unary operator: '-bg-white'
(31,499): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(31,617): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31,755): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31,914): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31,1074): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(31,1289): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(31,1478): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(31,1612): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(31,2008): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(31,2378): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(31,2544): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(31,2759): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(31,2805): run-time error CSS1019: Unexpected token, found '@keyframes'
(31,2833): run-time error CSS1035: Expected colon, found '{'
(35,190): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(35,390): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(35,617): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(35,739): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(35,1122): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(35,1218): run-time error CSS1039: Token not allowed after unary operator: '-bg-white'
(35,1447): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(35,1559): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35,2323): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35,3331): run-time error CSS1019: Unexpected token, found '@keyframes'
(35,3353): run-time error CSS1035: Expected colon, found '{'
 */
body footer{position:relative;width:100%;background-color:#000000;z-index:2;max-width:1920px;margin:auto}body footer .footer-box{position:relative;width:100%;max-width:58.645833vw;height:8.291666vw;margin:0 auto;display:flex;justify-content:center;overflow:hidden}body footer .footer-box .footer-item-box{display:flex;align-items:center;justify-content:center;height:100%}body footer .footer-box .footer-item-box.footer-info-rule-box{flex-direction:column;width:41.666666vw;padding:0 1.041666vw 0.520833vw}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item{display:flex;align-items:center;width:100%;justify-content:center}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box{width:9.979166vw;height:max-content;justify-content:center;align-items:center;display:flex}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box .logo-box{position:relative;margin:1.041666vw;width:5.46875vw;background-repeat:no-repeat}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box .logo-box .logo{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:bottom center}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box .logo-box.dzo-logo-box{height:2.447916vw}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box .logo-box.dzo-logo-box .logo.dzo-logo{background-image:url(/Assets/General/img/dzo-logo.png)}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box .logo-box.mgame-logo-box{height:2.916666667vw}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box .logo-box.mgame-logo-box .logo.mgame-logo{background-image:url(/Assets/General/img/game-s.png)}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box{flex:1 1 0}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item{padding-right:0.78125vw;margin-right:0.78125vw;display:flex;align-items:center}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-icon{position:relative;width:3.125vw;height:3.125vw;background-image:url(/Assets/General/img/footer-buttons.png);background-repeat:no-repeat;background-size:300% 200%;background-position-y:0}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-icon.location-icon{background-position-x:0%}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-icon.number-icon{background-position-x:50%}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-icon.mail-icon{background-position-x:100%}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-icon:hover{background-position-y:101%}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-icon a{position:absolute;width:100%;height:100%}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-content{position:relative;padding-left:0;margin:auto;display:block;opacity:0;width:0;float:left;color:#FFFFFF;font-size:0.729166vw;line-height:1.041666vw;white-space:nowrap;overflow:hidden;text-overflow:clip;font-family:'Roboto',Arial,sans-serif}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-content.motion{transition:opacity 0.75s ease-out,width 0.75s ease-out,padding 0.75s ease-out}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item:last-child{border-right:unset}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item.active .footer-info-content{padding-left:1.041666vw}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item.active .footer-info-content.motion{opacity:1;display:block}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item.active.location .footer-info-content{width:28.1vw}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item.active.number .footer-info-content{width:10.5vw}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item.active.mail .footer-info-content{width:17vw}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-rule-box{font-size:0.9375vw;margin-bottom:0}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-rule-box a{color:#FCAA00;text-decoration:none;padding-right:1.041666vw;margin-right:1.041666vw;font-weight:bold;border-right:0.052083vw solid #fff}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-rule-box a:hover{color:#ffcf6c}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-rule-box span{color:#ffffff}@media screen and (max-width:1024px){body footer{height:max-content !important}body footer .footer-box{max-width:100%;height:max-content;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}body footer .footer-box .footer-item-box.footer-info-rule-box{flex-direction:column;-webkit-justify-content:center;justify-content:center;-ms-align-content:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;width:100%;padding:0.9765625vh 1.953125vh;zoom:0.75}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box{width:17vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box .logo-box{margin:1.953125vh;width:10vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box .logo-box.dzo-logo-box{height:3.5vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item .footer-logo-box .logo-box.mgame-logo-box{height:3.753662109vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box{-ms-align-content:center;-webkit-align-content:center;align-content:center;-webkit-justify-content:center;justify-content:center;margin-bottom:1.953125vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item{padding-right:1.46484375vh;margin-right:1.46484375vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-icon{width:8vh;height:8vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-content{font-size:1.3671875vh;line-height:1.953125vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item.active .footer-info-content{padding-left:1.953125vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item.active.location .footer-info-content{width:55.527344vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item.active.number .footer-info-content{width:20vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item.active.mail .footer-info-content{width:50vh}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-rule-box{font-size:1.7578125vh;-webkit-justify-content:center;justify-content:center}body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-rule-box a{padding-right:1.953125vh;margin-right:1.953125vh;border-right:0.09765625vh solid #fff}}@media screen and (max-width:480px){body footer .footer-box .footer-item-box.footer-info-rule-box .footer-info-rule-item.footer-info-box .footer-info-item .footer-info-icon{width:5.933593vh;height:5.957031vh}}
body .popup{width:100%;height:100%;background-color:rgba(0,1,25,0.7);position:fixed;z-index:999}body .popup .box{width:36.708333vw;height:36.708333vw;background-color:#fffbff;background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body .popup .box .btn-close{width:3.125vw;height:3.125vw;padding:unset;position:absolute;top:0;right:0;background:url(/Assets/General/img/nut-close.png) no-repeat center center;background-size:cover}body .popup.popup-login .box{font-family:'Font Awesome 5 Brands'}body .popup.popup-login .box .title-popup{font-size:1.5vw;color:#000;text-align:center;margin-top:2.604166vw}body .popup.popup-login .box .body-popup{width:100%;height:100%;padding:1.5625vw 1.041666vw}body .popup.popup-login .box form .form-group{display:flex;margin-bottom:0.520833vw}body .popup.popup-login .box form .form-group.form-loginID-pass{display:block;white-space:nowrap;font-size:0}body .popup.popup-login .box form .form-group.form-loginID-pass .text-danger{font-size:1vw}body .popup.popup-login .box form .form-group .captcha-container{display:flex;width:100%}body .popup.popup-login .box form .form-group .captcha-container .captcha-image-container{display:flex;align-items:center}body .popup.popup-login .box form .form-group .captcha-container .captcha-image-container *{margin-left:0.520833vw}body .popup.popup-login .box form .form-group .captcha-container .captcha-image-container .captcha-image{width:4.166666vw;height:2vw;border-radius:0.208333vw}body .popup.popup-login .box form .form-group .captcha-container .captcha-image-container .captcha-reload{width:2vw;height:2vw;cursor:pointer}body .popup.popup-login .box form .form-group .form-input,body .popup.popup-login .box form .form-group .form-button{width:100%;padding:0.3125vw 0.625vw;background-color:#f0f0f0;background-clip:padding-box;border-radius:4px;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;line-height:normal}body .popup.popup-login .box form .form-group .form-input{display:block;height:2vw;border:1px solid #ced4da;color:#676767;font-size:1vw;font-weight:400}body .popup.popup-login .box form .form-group .form-input:focus{outline:0}body .popup.popup-login .box form .form-group .form-button{display:flex;align-items:center;justify-content:center;position:relative;height:2.083333vw;border:unset;color:#ffffff;font-size:1vw;font-weight:bold;text-transform:uppercase;text-decoration:none}body .popup.popup-login .box form .form-group .form-button.button-dzo-login{margin-top:0.78125vw;background:linear-gradient(0deg,#ffaa00 0%,#ffdd00 100%);transition:background 0.3s linear}body .popup.popup-login .box form .form-group .form-button.button-dzo-login:hover{background:linear-gradient(0deg,#ff7400 0%,#ffcc00 100%)}body .popup.popup-login .box form .form-group .form-button.button-fb-login{margin-top:0.520833vw;background:#38559B;transition:background 0.3s linear}body .popup.popup-login .box form .form-group .form-button.button-fb-login::before{content:"\f39e";background:#2e4576;padding-left:0.9375vw;padding-right:1vw}body .popup.popup-login .box form .form-group .form-button.button-fb-login:hover{background:#2e4576}body .popup.popup-login .box form .form-group .form-button.button-gg-login{background:#dd4b39;transition:background 0.3s linear}body .popup.popup-login .box form .form-group .form-button.button-gg-login::before{content:"\f1a0";background:#b53424}body .popup.popup-login .box form .form-group .form-button.button-gg-login:hover{background:#b53424}body .popup.popup-login .box form .form-group .form-button.button-apple-login{background:#333333;transition:background 0.3s linear}body .popup.popup-login .box form .form-group .form-button.button-apple-login::before{content:"\f179";background:#000;padding:0.520833vw 1vw}body .popup.popup-login .box form .form-group .form-button.button-apple-login:hover{background:#000}body .popup.popup-login .box form .form-group .form-button::before{font-family:"Font Awesome 5 Brands";position:absolute;left:0px;top:0;bottom:0;padding:0.520833vw 0.88vw;border-radius:0.260416vw}body .popup.popup-login .box form .form-group .text-validation{font-size:1vw;color:#dc3545}body .popup.popup-login .box form .form-group.form-register-group{flex-wrap:wrap;justify-content:space-around}body .popup.popup-login .box form .form-group.form-register-group a{font-size:1vw;color:#ff9900;text-decoration:none}body .popup.popup-login .box form .form-group.form-register-group a:hover{text-decoration:underline}body .popup.popup-login .box form .form-group.form-or-group{justify-content:center;align-items:center;width:100%;margin:0.260416vw auto;color:#676767}body .popup.popup-login .box form .form-group.form-or-group .line{display:inline-block;position:relative;width:100%;height:1px;background-color:#676767;vertical-align:middle}body .popup.popup-login .box form .form-group.form-or-group .text{font-size:1vw}body .popup.popup-login .box form .form-group .form-check-input{font-size:1.2vw}body .popup.popup-login .box form .form-group .form-check-label{font-size:1.2vw}@media screen and (max-width:1024px) and (orientation:portrait){body .popup.popup-login .box{max-width:100%;width:90%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100% 100%}body .popup.popup-login .box .btn-close{width:6.835937vw;height:6.835937vw}body .popup.popup-login .box .title-popup{font-size:18pt}body .popup.popup-login .box .body-popup{padding:12% 4%}body .popup.popup-login .box .body-popup form{width:100%}body .popup.popup-login .box .body-popup form .form-group{margin-bottom:3%}body .popup.popup-login .box .body-popup form .form-group.form-loginID-pass{display:block;white-space:nowrap;font-size:0}body .popup.popup-login .box .body-popup form .form-group.form-loginID-pass .text-danger{font-size:9pt}body .popup.popup-login .box .body-popup form .form-group .captcha-container .captcha-image-container{width:20%}body .popup.popup-login .box .body-popup form .form-group .captcha-container .captcha-image-container .captcha-image{width:65%;height:100%;border-radius:14%}body .popup.popup-login .box .body-popup form .form-group .captcha-container .captcha-image-container .captcha-reload{width:30%;height:100%}body .popup.popup-login .box .body-popup form .form-group .form-input,body .popup.popup-login .box .body-popup form .form-group .form-button{height:4.394531vw;font-size:11pt}body .popup.popup-login .box .body-popup form .form-group .form-button{font-size:11pt}body .popup.popup-login .box .body-popup form .form-group .form-button.button-fb-login::before{padding-left:3%;padding-right:3%}body .popup.popup-login .box .body-popup form .form-group .form-button::before{padding:1% 3%;border-radius:14%}body .popup.popup-login .box .body-popup form .form-group .text-validation{font-size:9pt}body .popup.popup-login .box .body-popup form .form-group.form-register-group a{font-size:2.148437vw}body .popup.popup-login .box .body-popup form .form-group.form-or-group .text{font-size:11pt}}@media screen and (max-width:480px) and (orientation:portrait){body .popup.popup-login .box{height:114.583333vw}body .popup.popup-login .box .btn-close{width:7.291666vw;height:7.291666vw}body .popup.popup-login .box .body-popup form .form-group .form-input,body .popup.popup-login .box .body-popup form .form-group .form-button{height:6.25vw}body .popup.popup-login .box .body-popup form .form-group .form-button{font-size:10pt;height:7.291666vw}body .popup.popup-login .box .body-popup form .form-group.form-register-group a{font-size:3.125vw}}
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);:root{--num-item:4;--primary-color:#252525;--secondary-color:#6a6868;--accent-color:#fe5400;--border-color:#c8c8c8;--bg-white:#ffffff;--package-tab-color:#3fbafe;--package-tab-border:#3fbafe;--package-card-border:#d8d8d8}body{font-family:'Roboto',sans-serif;width:100%;margin:0;padding:0}body .popup-role{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:99}body .popup-role .role-container{position:relative;top:40%;left:50%;transform:translate(-50%,-50%)}body .popup-role .role-container .role-content{width:40%;height:23vw;padding:2vw 2vw;background-color:#000000a1;border:3px solid #821d0c;margin:5% auto;position:relative}body .popup-role .role-container .role-content .btn-close{position:absolute;top:0;right:2%;background:url(/Assets/General/img/nut-close.png) no-repeat center;background-size:contain;width:3vw;height:3vw;z-index:10}body .popup-role .role-container .role-content .title{width:80%;height:3vw;margin:3% auto 0%;color:#fff;font-size:2vw;text-align:center;align-content:center}body .popup-role .role-container .role-content .content-detail{overflow:auto;width:100%;height:100%;color:#ffffff;padding:2%}body .popup-role .role-container .role-content .content-detail input{width:82%;height:29px;margin:10% auto}body .popup-role .role-container .role-content .content-detail .btn-confirm{height:2.083333333vw;width:7.291666667vw;background:url(/Assets/WebShop/imgs/update/button-xacnhan.png);background-size:100% 100%;margin:auto;display:block}body .popup-role .role-container .role-content .content-detail .btn-confirm:hover{background:url(/Assets/WebShop/imgs/update/button-xacnhan-act.png);background-size:100% 100%}body .popup-role .role-container .role-content .content-detail .info-role{width:99%;background:#fff;height:35px;border-radius:4px;margin:10% auto}body .popup-role .role-container .role-content .content-detail .info-role .text{font-size:small;color:#3c3c3c;text-align:center;align-content:center;height:100%;font-weight:bold}body .popup-role .role-container .role-content .content-detail .info-role .text .text-name{font-size:large;color:#FFC107}body .popup-role .role-container .role-content .content-detail .btn-recheck{width:10vw;height:2vw;background:url(/Assets/WebShop/imgs/ChargeRoleId/button-kiemtra.png);background-size:100% 100%;margin:auto;display:block}body .popup-role .role-container .role-content .content-detail .btn-recheck:hover{background:url(/Assets/WebShop/imgs/ChargeRoleId/button-kiemtra-act.png);background-size:100% 100%}body .main{width:100%;margin:0 auto;position:relative;background:url(/Assets/WebShop/imgs/BG.webp) no-repeat center top;background-size:cover;background-attachment:fixed;min-height:100vh;padding-top:0px}body .main .header-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 25px;position:relative;width:100%;background:#00000069;box-shadow:0 4px 15px rgba(0,0,0,0.1)}body .main .header-bar .logo-game img{height:50px;object-fit:contain}body .main .header-bar .btn-support{background:url(/Assets/WebShop/imgs/nut-hotro.webp);height:40px;width:128px;background-size:cover;border-radius:4px;cursor:pointer;transition:all 0.3s ease}body .main .header-bar .btn-support:hover{background:url(/Assets/WebShop/imgs/nut-hotro-hover.webp)}body .main .giftcode-container{width:100%;max-width:1068px;margin:auto}body .main .giftcode-container .giftcode-header{text-align:left;margin-bottom:20px;display:flex;justify-content:space-between}body .main .giftcode-container .giftcode-header .giftcode-logo{display:inline-block;cursor:pointer}body .main .giftcode-container .giftcode-header .giftcode-logo img{height:80px;object-fit:contain}body .main .giftcode-container .giftcode-header .giftcode-logo.use-webp img{display:block;height:120px}body .main .giftcode-container .giftcode-header .dzoInfo{background:#f0ffff8c;border-radius:5px;padding:1%;margin-top:1%;height:max-content}body .main .giftcode-container .giftcode-header .dzoInfo .info{font-weight:bold}body .main .giftcode-container .giftcode-header .dzoInfo .info .button-info{width:max-content;display:inline-block;color:red}body .main .giftcode-container .giftcode-section{background:var(--bg-white);border:1px solid var(--secondary-color);border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}body .main .giftcode-container .giftcode-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:10px}body .main .giftcode-container .giftcode-section .section-title{display:flex;align-items:center;font-size:22px;font-weight:700;color:var(--primary-color);font-family:'Roboto',sans-serif;margin-bottom:14px}body .main .giftcode-container .giftcode-section .section-title .step-number{display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-right:8px;color:var(--primary-color)}body .main .giftcode-container .giftcode-section .section-title .step-text{color:var(--primary-color);font-weight:700}body .main .giftcode-container .giftcode-section .hint-text{display:flex;align-items:center;gap:6px;font-size:16px;color:#6bb5f6;font-weight:700;font-family:'Roboto',sans-serif;cursor:pointer;transition:opacity 0.3s}body .main .giftcode-container .giftcode-section .hint-text svg{width:20px;height:20px;stroke:#6bb5f6;flex-shrink:0}body .main .giftcode-container .giftcode-section .hint-text span{color:#6bb5f6}body .main .giftcode-container .giftcode-section .hint-text:hover{opacity:0.8}body .main .giftcode-container .giftcode-section .section-content .input-group{display:flex;align-items:center;gap:10px;width:100%}body .main .giftcode-container .giftcode-section .section-content .input-group .btn-confirm-uid{min-width:240px;height:40px;padding:0 30px;background-color:var(--primary-color);color:white;border:none;border-radius:4px !important;font-weight:700;font-size:16px;font-family:'Roboto',sans-serif;cursor:pointer;transition:all 0.3s;white-space:nowrap}body .main .giftcode-container .giftcode-section .section-content .input-group .btn-confirm-uid:hover{background-color:#000000;color:var(--accent-color)}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-select{position:relative;flex:1}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-input{width:100%;height:42px;box-sizing:border-box;padding:0 42px 0 14px;border:1px solid #ccc;border-radius:4px;font-size:15px;background:#fff;cursor:pointer}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-input:focus{outline:none;border-color:#4aa3ff}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-arrow{position:absolute;right:14px;top:25%;transform:translateY(-50%);font-size:25px;color:#aaa;pointer-events:none}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-dropdown{display:none;position:absolute;left:0;right:0;top:calc(102%);background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,0.15);z-index:9999;overflow:hidden}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-select.open .uid-dropdown{display:block}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-option{padding:8px 14px;font-size:14px;color:#666;cursor:pointer;transition:background 0.15s}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-option:hover{background:#f2f6fa}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-option strong{color:#555}body .main .giftcode-container .giftcode-section .section-content .input-group .uid-custom{color:#888}body .main .giftcode-container .giftcode-section .packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}body .main .giftcode-container .giftcode-section .packages-grid .package-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:24px;padding:20px;position:relative;transition:all 0.3s ease}body .main .giftcode-container .giftcode-section .packages-grid .package-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15);border-color:var(--accent-color)}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-content{display:flex;align-items:flex-start;gap:15px}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-image{position:relative;width:90px;height:90px;flex-shrink:0}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-image img{width:100%;height:100%;object-fit:contain}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-image .package-amount{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:white;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;white-space:nowrap;font-family:'Roboto',sans-serif}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-info{flex:1}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-info .package-name{font-size:16px;color:var(--primary-color);margin-bottom:5px;font-family:'Roboto',sans-serif}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-info .package-price-original{font-size:16px;color:var(--secondary-color);text-decoration:line-through;margin-bottom:3px;font-family:'Roboto',sans-serif}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-info .package-price-discount{font-size:24px;color:var(--accent-color);font-weight:700;font-family:'Roboto',sans-serif}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-badge{position:absolute;top:10px;right:10px;background:var(--accent-color);color:white;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:700}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-actions{display:flex;align-items:center;gap:10px;margin-top:15px}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-actions .btn-buy{flex:1;height:40px;background:url(/Assets/WebShop/imgs/nut-muangay.webp) no-repeat center;background-size:contain;background-color:transparent;border:none;cursor:pointer;transition:all 0.3s ease;min-width:120px}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-actions .btn-buy.fallback{background:var(--primary-color);color:white;border-radius:4px;font-weight:700;font-size:18px;font-family:'Roboto',sans-serif;text-align:center;text-decoration:auto;align-content:center}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-actions .btn-buy:hover{background:url(/Assets/WebShop/imgs/nut-muangay-hover.webp) no-repeat center;background-size:contain}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-actions .btn-buy:hover.fallback{background:#000000;color:orange}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-actions .btn-qr{width:40px;height:40px;background:url(/Assets/WebShop/imgs/nut-QR.webp) no-repeat center;background-size:contain;border:none;cursor:pointer;transition:all 0.3s ease;flex-shrink:0}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-actions .btn-qr:hover{background:url(/Assets/WebShop/imgs/nut-QR-hover.webp) no-repeat center;background-size:contain}body .main .giftcode-container .giftcode-section .packages-grid .package-card .package-actions .btn-qr svg{display:none}@media (max-width:1024px){body .main .giftcode-container .giftcode-section .packages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){body .main .giftcode-container .giftcode-section .packages-grid{grid-template-columns:1fr}}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
@keyframes packages-panel-show{from{opacity:0;
transform:translateY(6px)}
to{opacity:1;
transform:translateY(0)}}
.vibrate{-webkit-animation:vibrate 0.5s linear infinite both;animation:vibrate 0.5s linear infinite both}@-webkit-keyframes vibrate{0%{transform:translate(0)}
20%{transform:translate(-2px,2px)}
40%{transform:translate(-2px,-2px)}
60%{transform:translate(2px,2px)}
80%{transform:translate(2px,-2px)}
100%{transform:translate(0)}}
@keyframes vibrate{0%{transform:translate(0)}
20%{transform:translate(-2px,2px)}
40%{transform:translate(-2px,-2px)}
60%{transform:translate(2px,2px)}
80%{transform:translate(2px,-2px)}
100%{transform:translate(0)}}
@keyframes laluot{from{-webkit-mask-position:120% 0;
mask-position:100% 0}
100%{-webkit-mask-position:0% 0;
mask-position:0% 0}}
@keyframes heartbeat{0%{transform:scale(1.1,1.1);
opacity:1}
25%{transform:scale(1,1);
opacity:0.8}
100%{transform:scale(1.1,1.1);
opacity:1}}
.payment-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.payment-popup{background:var(--bg-white);border-radius:10px;padding:25px;max-width:400px;width:100%;position:relative;box-shadow:0 10px 40px rgba(0,0,0,0.3);animation:popupSlideIn 0.3s ease}.payment-popup .popup-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;color:var(--secondary-color);cursor:pointer;line-height:1;transition:color 0.3s}.payment-popup .popup-close-btn:hover{color:var(--primary-color)}.payment-popup .popup-header{display:flex;align-items:center;margin-bottom:20px;font-size:20px;font-weight:700;color:var(--primary-color);font-family:'Roboto',sans-serif}.payment-popup .popup-header .popup-step{margin-right:8px}.payment-popup .popup-header .popup-title{color:var(--primary-color)}.payment-popup .popup-package-info{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.payment-popup .popup-package-info .popup-package-img{width:60px;height:60px;object-fit:contain}.payment-popup .popup-package-info .popup-package-details .popup-package-name{font-size:14px;color:var(--secondary-color);font-family:'Roboto',sans-serif;margin-bottom:5px}.payment-popup .popup-package-info .popup-package-details .popup-package-price{font-size:22px;font-weight:700;color:var(--accent-color);font-family:'Roboto',sans-serif}.payment-popup .popup-payment-section .payment-section-title{font-size:14px;color:var(--secondary-color);font-family:'Roboto',sans-serif;margin-bottom:15px;font-weight:700}.payment-popup .popup-payment-section .payment-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.payment-popup .popup-payment-section .payment-methods-grid .payment-method{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all 0.3s ease;text-align:center;min-height:90px;font-weight:700}.payment-popup .popup-payment-section .payment-methods-grid .payment-method img{width:40px;height:40px;object-fit:contain;margin-bottom:8px}.payment-popup .popup-payment-section .payment-methods-grid .payment-method span{font-size:11px;color:var(--secondary-color);font-family:'Roboto',sans-serif;line-height:1.3}.payment-popup .popup-payment-section .payment-methods-grid .payment-method:hover{border-color:var(--accent-color);background:rgba(255,168,0,0.05);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.payment-popup .popup-payment-section .payment-methods-grid .payment-method.selected{border-color:var(--accent-color);background:rgba(255,168,0,0.1)}@keyframes popupSlideIn{from{opacity:0;
transform:translateY(-20px)}
to{opacity:1;
transform:translateY(0)}}
.qr-popup .popup-package-info{border-bottom:none;margin-bottom:15px;padding-bottom:0}.qr-popup .qr-section{text-align:center}.qr-popup .qr-section .qr-instruction{font-size:14px;color:var(--secondary-color);font-family:'Roboto',sans-serif;margin-bottom:20px}.qr-popup .qr-section .qr-code-container{display:flex;justify-content:center;align-items:center;padding:20px;border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;background:#fafafa}.qr-popup .qr-section .qr-code-container .qr-code-img{width:180px;height:180px;object-fit:contain}.qr-popup .qr-section .qr-timer{font-size:16px;color:var(--secondary-color);font-family:'Roboto',sans-serif}.qr-popup .qr-section .qr-timer #qrCountdown{font-weight:700;color:var(--accent-color)}.giftcode-popup{max-width:360px}.giftcode-popup .giftcode-header-title{justify-content:center;margin-bottom:25px}.giftcode-popup .giftcode-header-title .popup-title{font-size:18px}.giftcode-popup .giftcode-form{display:flex;flex-direction:column;gap:15px}.giftcode-popup .giftcode-form .giftcode-input-popup{width:100%;height:45px;padding:0 15px;border:1px solid var(--border-color);border-radius:4px;font-size:16px;font-family:'Roboto',sans-serif;background:var(--bg-white);transition:border-color 0.3s;box-sizing:border-box}.giftcode-popup .giftcode-form .giftcode-input-popup::placeholder{color:#999}.giftcode-popup .giftcode-form .giftcode-input-popup:focus{outline:none;border-color:var(--accent-color)}.giftcode-popup .giftcode-form .btn-giftcode-submit{width:100%;height:45px;background-color:var(--primary-color);color:white;border:none;border-radius:4px;font-weight:700;font-size:16px;font-family:'Roboto',sans-serif;cursor:pointer;transition:all 0.3s}.giftcode-popup .giftcode-form .btn-giftcode-submit:hover{background-color:#000000}.guide-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:11000;display:flex;align-items:center;justify-content:center;padding:0;animation:fadeIn 0.3s ease}.guide-popup-overlay .guide-popup-container{position:relative;width:98%;height:98%;max-width:98vw;max-height:98vh;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.guide-popup-overlay .guide-popup-container .guide-popup-close{position:absolute;top:20px;right:20px;background:var(--primary-color);color:white;border:none;width:50px;height:50px;border-radius:50%;font-size:32px;cursor:pointer;z-index:12000;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.guide-popup-overlay .guide-popup-container .guide-popup-close:hover{background:#000000;transform:scale(1.1)}.guide-popup-overlay .guide-popup-container .guide-popup-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.guide-popup-overlay .guide-popup-container .guide-popup-content .pc{display:block}.guide-popup-overlay .guide-popup-container .guide-popup-content .mobile{display:none}@media (max-width:1023px){.guide-popup-overlay .guide-popup-container .guide-popup-content .pc{display:none}.guide-popup-overlay .guide-popup-container .guide-popup-content .mobile{display:block}}.guide-popup-overlay .guide-popup-container .guide-popup-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}@keyframes fadeIn{from{opacity:0}
to{opacity:1}}