.loader-flash-screen{z-index:9999;bottom:0;left:0;right:0;top:0;overflow:hidden;position:fixed;background-color:#fff;display:flex;justify-content:center;align-items:center;animation:fadeout 2s ease-in-out;visibility:hidden}.loader-flash-screen img{max-width:80%;animation:fadeout 2s ease-in-out}.loader-flash-screen.not-load-animation{display:none !important}@keyframes fadeout{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}
div[data-modal=checkin-modal] .v--modal-box.v--modal{height:auto !important}.checkin-modal{width:100%;height:100%;position:relative;pointer-events:auto;background-color:#fff;background-clip:padding-box;border-radius:5px;outline:0;color:#5d5d5d;padding:20px 40px}@media screen and (max-width: 375px){.checkin-modal{padding:20px}}.checkin-modal .checkin-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.checkin-modal .welcome-text{margin:20px 0;font-size:20px;text-align:center;line-height:1.333;font-weight:700;color:#898989}.checkin-modal .timer-checkin{font-size:20px;font-weight:bold;text-align:center}.checkin-modal .checkin-status{display:flex;width:calc(100% + 30px)}.checkin-modal .checkin-status__item{flex:0 0 25%;max-width:25%;opacity:.8;position:relative;cursor:pointer}.checkin-modal .checkin-status__item .status-emoji{margin:0 auto 5px;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.checkin-modal .checkin-status__item .status-emoji img{max-height:45px;width:auto;margin:0 auto}.checkin-modal .checkin-status__item .status-text{text-align:center;white-space:nowrap}.checkin-modal .checkin-status__item:hover,.checkin-modal .checkin-status__item.active{opacity:1}.checkin-modal .checkin-status__item:hover .wrapper-item,.checkin-modal .checkin-status__item.active .wrapper-item{width:100%;height:100%;position:absolute;top:-5px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.checkin-modal .checkin-status__item:hover .status-emoji img,.checkin-modal .checkin-status__item.active .status-emoji img{max-height:55px}.checkin-modal .checkin-btn{margin-top:25px;background-color:#b3b3b3;color:#fff;font-size:18px;line-height:1.3;padding:10px 20px;text-align:center;border-radius:5px;min-width:170px;pointer-events:none;white-space:pre;width:100%}.checkin-modal .checkin-btn.active{background-color:#fc9404;pointer-events:auto}.checkin-modal .checkin-timeout{padding:30px 0 0;margin:0 -10px;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.checkin-modal .checkin-timeout p{font-size:20px;line-height:1.333;font-weight:700;color:#898989;text-align:center}.checkin-modal .checkin-timeout button{margin-top:30px;background-color:#fc9404;color:#fff;font-size:18px;line-height:1.3;padding:10px 80px;text-align:center;border-radius:5px;min-width:170px}
.refresh-modal-container{padding:20px 40px;text-align:center}.refresh-modal-container h3{color:#fb5252;font-size:18px;margin-bottom:35px;font-weight:700;line-height:1.4}.refresh-modal-container p{color:#898989;font-size:11px;font-weight:700;margin-bottom:7px;line-height:1.4}.refresh-modal-container button{background-color:#01b4da;border-radius:8px;color:#fff;width:100%;font-size:18px;padding:20px 20px;text-align:center;line-height:1.4}
.loading-circular[data-v-999d665e]{z-index:1000 !important}.loading-spinner[data-v-999d665e]{margin:0 auto}
.modal-gift-rank-popup .modal-wrapper-content{background-color:#fff;padding:10px;border-radius:10px}.modal-gift-rank-popup .modal-header{display:flex;justify-content:space-between}.modal-gift-rank-popup .modal-header .title{margin-bottom:5px;text-align:left}.modal-gift-rank-popup .modal-header .title h3{font-size:24px;color:#121212;font-weight:bold;white-space:pre-line;line-height:1.3}@media screen and (max-width: 415px){.modal-gift-rank-popup .modal-header .title h3{font-size:18px}}.modal-gift-rank-popup .modal-header .title h4{font-size:14px;font-weight:400;color:#696d69}.modal-gift-rank-popup .modal-header .btn-close-18{cursor:pointer;position:absolute;right:10px;top:10px;width:30px;height:30px;padding:5px;display:flex;justify-content:center;align-items:center}.modal-gift-rank-popup .modal-header .btn-close-18 svg{width:18px;height:18px}.modal-gift-rank-popup .modal-body{min-height:303px}.modal-gift-rank-popup .modal-body .carousel-wrapper{position:relative;margin-bottom:20px}.modal-gift-rank-popup .modal-body .carousel-wrapper:not(.carousel-wrapper-pc){margin:0px}.modal-gift-rank-popup .modal-body .carousel-wrapper:not(.carousel-wrapper-pc) .slick-slide{width:240px}.modal-gift-rank-popup .modal-body .carousel-wrapper:not(.carousel-wrapper-pc) .slick-slide:not(:last-child){margin-right:20px}.modal-gift-rank-popup .modal-body .carousel-wrapper-pc{margin:0 30px 0px}.modal-gift-rank-popup .modal-body .carousel-wrapper-pc .slick-slide{width:260px}.modal-gift-rank-popup .modal-body .carousel-wrapper-pc .slick-slide:not(:last-child){margin-right:0}.modal-gift-rank-popup .modal-body .carousel-wrapper .slick-arrow{width:20px;height:40px;cursor:pointer;display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url("/img/arrow-slide.png");color:transparent}.modal-gift-rank-popup .modal-body .carousel-wrapper .slick-arrow::before{display:none}.modal-gift-rank-popup .modal-body .carousel-wrapper .slick-arrow.slick-next{right:-30px;top:50%;transform:translateY(-50%)}.modal-gift-rank-popup .modal-body .carousel-wrapper .slick-arrow.slick-prev{left:-30px;top:50%;transform:translateY(-50%) rotate(180deg)}.modal-gift-rank-popup .modal-body .carousel-wrapper .slick-arrow.slick-disabled{display:none !important}@media(max-width: 767px){.modal-gift-rank-popup .modal-body .carousel-wrapper .slick-arrow{display:none !important}}.modal-gift-rank-popup .modal-body .wrapper-arrow-slide .btn-arrow-slide{width:20px;height:40px;cursor:pointer;display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url("/img/arrow-slide.png");position:absolute}.modal-gift-rank-popup .modal-body .wrapper-arrow-slide .btn-arrow-slide--right{right:-30px;top:50%;transform:translateY(-50%)}.modal-gift-rank-popup .modal-body .wrapper-arrow-slide .btn-arrow-slide--left{left:-30px;top:50%;transform:translateY(-50%) rotate(180deg)}.modal-gift-rank-popup .modal-footer .modal-default-button{background-color:#4094b2;color:#fff;padding:15px;border-radius:6px;cursor:pointer;width:100%;font-weight:normal;font-size:20px;line-height:25px}.modal-gift-rank-popup .swiper-button-prev-popup{z-index:1;left:-34px;right:auto;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(/img/arrow-slide.png) !important;transform:scaleX(-1)}.modal-gift-rank-popup .swiper-button-prev-popup:after{content:""}.modal-gift-rank-popup .swiper-button-prev-popup.swiper-button-disabled{display:none}.modal-gift-rank-popup .swiper-button-next-popup{z-index:1;right:-34px;left:auto;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(/img/arrow-slide.png) !important}.modal-gift-rank-popup .swiper-button-next-popup:after{content:""}.modal-gift-rank-popup .swiper-button-next-popup.swiper-button-disabled{display:none}
.footer__oninput{display:none !important}.unread{width:24px;height:24px;color:#fff;border-radius:50%;background-color:#fa3e3e;position:absolute;top:3px;right:20px;display:flex;align-items:center;justify-content:center;font-size:12px}@media screen and (max-width: 575px){.unread{width:20px;height:20px;font-size:10px;right:0px}}@media screen and (min-width: 768px){.footer{font-size:.875rem}}@supports(-webkit-overflow-scrolling: touch){.footer{transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out}.footer::after{content:"";display:block;width:100%;height:0;position:fixed;bottom:0;background-color:#fff;transition:all .15s ease-in-out}.page-content .float-action,.page-content .float-close-btn{transition:all .15s ease-in-out}}
.topup-icon-header{color:#fff;background:#13ef13;width:26px;height:26px;padding:6px;border-radius:50%;margin-left:12px;cursor:pointer}.nav{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:99;backface-visibility:hidden;max-width:768px;width:100%;height:55px;background:#fff;display:flex;flex-direction:column;align-items:stretch}.nav .logo-zone{display:flex;flex-direction:row;height:40px;justify-content:space-between;border-bottom:1px solid #d2d2d2;padding:5px 10px}.nav .logo-zone .logo svg,.nav .logo-zone .logo img{width:32px;height:32px;font-size:18px}.nav .logo-zone .company-fullname{font-size:14px;font-weight:700;line-height:32px;color:#4d4d4d;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav .logo-zone .ivs-area{width:32px;height:32px}.nav .logo-zone.hidden{display:none}.nav .nav-zone-content{background:#fc9404c2;background:-webkit-linear-gradient(left, #fc9404c2, #EC9348);background:linear-gradient(to right, #fc9404c2, #EC9348);display:flex;flex-direction:row;justify-content:space-between;padding:10px;color:#fff;height:55px;overflow:hidden}.nav .nav-zone-content .avatar{cursor:pointer;position:relative;height:35px}.nav .nav-zone-content .avatar img{width:35px;height:35px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;position:relative}.nav .nav-zone-content .avatar .ani-img{position:absolute;top:0;right:-5px}.nav .nav-zone-content .avatar .ani-img svg{width:14px;height:14px}.nav .nav-zone-content .avatar .ico-setting{position:absolute;bottom:0px;right:-1px;width:12px;height:12px}.nav .nav-zone-content .avatar .ico-setting svg{width:12px;height:12px;fill:#000}.nav .nav-zone-content .balance{display:flex;flex-direction:column;margin:0 0 0 10px;justify-content:center;cursor:pointer}.nav .nav-zone-content .balance a:focus{outline:none}.nav .nav-zone-content .balance .balance-content{color:#fff}.nav .nav-zone-content .balance .balance-content .username{margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1}.nav .nav-zone-content .balance .balance-amount{font-size:18px;font-weight:600;display:flex;align-items:baseline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1;word-break:break-word;white-space:pre-line}.nav .nav-zone-content .balance .balance-amount.scale-animation{animation:crescendo .5s ease-in-out;transition:transform 330ms ease-in-out}.nav .nav-zone-content .balance .balance-amount.scale-animation-notify{animation:crescendo 1s ease-in-out;transition:transform 330ms ease-in-out}@keyframes crescendo{0%{transform:scale(1)}50%{transform:scale(1.5);overflow:inherit;display:flex}100%{transform:scale(1)}}.nav .nav-zone-content .box-notify a{color:#fff;display:block}.nav .nav-zone-content .box-notify a:focus{outline:none}.nav .nav-zone-content .box-notify a>span{width:35px;height:35px;display:block;position:relative}.nav .nav-zone-content .box-notify a>span svg{width:100%;height:100%}.nav .nav-zone-content .box-notify a>span .notify-count{width:16px;height:16px;color:#fff;border-radius:50%;background-color:#fa3e3e;position:absolute;top:0;right:0;font-size:9px;display:flex;justify-content:center;align-items:center}.nav .nav-zone-content .box-notify.notify::before{content:"";width:10px;height:10px;position:absolute;top:5px;right:3px;background-color:#ec9348;border-radius:50%}.nav .nav-zone-content .box-notify.notify::after{content:"";width:6px;height:6px;position:absolute;top:7px;right:5px;background-color:#fa3e3e;border-radius:50%}.nav .col-flex{margin:0 5px;display:flex;align-items:center}@media screen and (min-width: 481px){.nav .col-flex.col-left,.nav .col-flex.col-right{width:calc((100% - 125px) / 2)}.nav .col-flex.col-mid{justify-content:center;width:125px}.nav .col-flex.col-right{justify-content:flex-end}.nav .col-flex.col-right .gift-budget{display:none}}@media screen and (max-width: 480px){.nav .col-flex.col-right{display:flex;justify-content:center;align-items:center;flex-direction:row}.nav .col-flex.col-right .box-management{display:flex}.nav .col-flex.col-right .box-management .gift-budget{margin-right:10px}.nav .col-flex.col-mid{display:none}}@media screen and (max-width: 320px){.nav .col-flex.col-mid .gift-budget{font-size:10px;padding:5px}}.nav .gift-budget{display:flex;background-color:#fff;color:#44546a;height:35px;padding:5px 10px;text-align:center;border-radius:5px;font-size:12px;line-height:14px;font-weight:bold}.nav .gift-budget p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width: 480px){.nav .nav-zone-content .balance .balance-amount{font-size:15px}}@media screen and (max-width: 320px){.nav.nav-user-admin .box-management .btn-management{width:35px;font-size:12px}.nav.nav-user-admin .nav-zone-content .avatar{height:24px}.nav.nav-user-admin .nav-zone-content .avatar img{width:24px;height:24px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.nav.nav-user-admin .nav-zone-content .balance{margin-left:5px}.nav.nav-user-admin .nav-zone-content .balance .username,.nav.nav-user-admin .nav-zone-content .balance .balance-amount{font-size:12px}}@media screen and (max-width: 575px){.nav:not(.nav-user-admin) .nav-zone-content .col-left .avatar{width:35px}}.nav .box-management .btn-management{background-color:#00b050;color:#fff;height:35px;line-height:35px;width:50px;border-radius:5px;margin-right:10px}.nav .bounce-enter-active{animation:bounce-in 1s}.nav .bounce-leave-active{animation:bounce-in 1s reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.25)}100%{transform:scale(1)}}html[lang=vi] .nav .box-management .btn-management{width:54px}@media screen and (min-width: 481px){html[lang=vi] .nav .col-flex.col-left,html[lang=vi] .nav .col-flex.col-right{width:calc((100% - 135px) / 2)}html[lang=vi] .nav .col-flex.col-mid{justify-content:center;width:135px}}
.mod-user-info{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5px}.mod-user-info .avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.mod-user-info .username{margin-top:5px;width:100%;color:#222;font-size:16px;line-height:1;font-weight:normal;margin-bottom:3px}
.modal-get-mile .modal-container{padding:15px;background-color:#fff;text-align:center;border-radius:10px}.modal-get-mile .modal-header{margin-bottom:5px;color:#343434}.modal-get-mile .modal-header h3{font-size:24px;margin-bottom:10px;font-weight:bold}.modal-get-mile .modal-header h4{font-size:20px;font-weight:bold}.modal-get-mile .modal-body{font-size:22px;color:#828282;margin-bottom:20px;padding:20px 0;font-weight:bold}.modal-get-mile .modal-body .box-image-lottie{min-height:320px}@media screen and (max-width: 767px){.modal-get-mile .modal-body .box-image-lottie{min-height:230px}}.modal-get-mile .modal-footer .modal-default-button{background-color:#4094b2;color:#fff;padding:15px;border-radius:6px;cursor:pointer;width:100%;font-weight:bold;line-height:16px}
div[data-modal=user-ad-mess-modal] .v--modal-box.v--modal{border:2px solid red;border-radius:10px}.mess-user-ad-content{margin-top:30px;text-align:center;padding:10px 20px;position:relative;border:2px solid red;border-radius:20px}.mess-user-ad-content p{line-height:1.5}.mess-user-ad-content h4{font-weight:bold;margin-bottom:20px}.mess-user-ad-content p.sub{color:red;white-space:pre-wrap;margin-bottom:10px;font-weight:bold}.mess-user-ad-content .p-site{color:#58aef9}.mess-user-ad-content .btn-send-mail{background-color:#00b050;color:#fff;border-radius:10px;padding:10px 15px;white-space:pre-wrap;width:100%;margin:15px auto 0;text-align:center}@media screen and (min-width: 575px){.mess-user-ad-content .btn-send-mail{width:300px}}.mess-user-ad-content .btn-send-mail:disabled{pointer-events:none;background-color:#979797}
.loader-flash-screen--line-wait img{max-width:80%;height:auto;margin:0 auto;display:block}
.notice-item{display:flex;flex-direction:column;line-height:1.33;padding-right:15px;position:relative}.notice-item .mark-read-item{width:20px;height:20px;position:absolute;right:-7px;top:50%;transform:translateY(-50%)}.notice-item .mark-read-item.read svg{width:20px;height:20px}.notice-item .mark-read-item.unread{border-radius:50%;background-color:#ec9348}.notice-item .notify-date{color:#65676b;margin-bottom:10px;font-size:11px}.notice-item .info{display:flex;flex-direction:row}.notice-item .info .img{display:flex}.notice-item .info .img svg{fill:#737373}.notice-item .info .img img{width:46px;height:46px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.notice-item .info .main-msg{color:#121212}.notice-item .info .coin-msg{color:#e33c6d}.notice-item .info .message{display:flex;flex-direction:column;color:#333;padding:1px 0 0 20px;word-break:break-word;width:calc(100% - 46px)}.notice-item .info .message.mess-cursor-pointer{cursor:pointer}.notice-item .info .message .user,.notice-item .info .message strong{font-weight:bold}.notice-item .info .message .note-msg{margin:7px 0 0 0;font-size:13px;color:#ee9031;white-space:pre-wrap}
.avatar-user img{cursor:pointer;width:46px;height:46px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.auth-user-info{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5px}.auth-user-info .avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.auth-user-info .username{margin-top:5px;display:block;width:100%}
.highlight-container{width:100%;display:inline-block;position:relative;overflow:hidden !important;-webkit-text-size-adjust:none !important;border:1px solid #ccc;border-radius:5px}.highlight-backdrop{position:absolute !important;top:0 !important;width:100%;right:0 !important;bottom:0 !important;left:0 !important;overflow-x:hidden !important;overflow-y:auto !important}.highlights{width:auto !important;height:auto !important;border-color:transparent !important;white-space:pre-wrap !important;word-wrap:break-word !important;color:transparent !important;overflow:hidden !important}.highlight-input{display:block !important;position:relative !important;margin:0;padding:0;border:none;font:inherit;overflow-x:hidden !important;overflow-y:auto !important}.highlight-content{background:none transparent !important;word-spacing:0 !important;padding:8px 10px;width:100%;font-size:var(--fontsize);height:250px;resize:none}.highlight-content .highlight{word-spacing:0 !important;padding:0 !important;background:#f09192;color:transparent}
.qna-item{margin-bottom:20px;border:1px solid #dedede;border-radius:10px;padding:10px;background:#4094b2;color:#fff}.qna-item .header{display:flex;position:relative}.qna-item .header .question{flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px);padding:0 20px 0 0}.qna-item .header .control{flex:0 0 32px;font-size:28px;text-align:center}.qna-item .content{border-top:1px solid #dedede;margin-top:10px;padding-top:10px;color:#000;word-wrap:break-word;white-space:pre-wrap}.qna-item.opened{background:#fff;color:#333}
.block-info-wrapper{padding:0px 30px}.block-info-wrapper .block-info{border:1px solid #eaeaea;padding:15px;display:flex;flex-direction:row;position:relative}.block-info-wrapper .block-info .left{flex:0 0 75px}.block-info-wrapper .block-info .left img{width:75px}.block-info-wrapper .block-info .right{flex:0 0 calc(100% - 75px);max-width:calc(100% - 75px);padding-left:20px}.block-info-wrapper .block-info .right .block-title{color:#f5a53d;font-weight:bold}.block-info-wrapper .block-info .right .block-desc{margin-top:10px}
.block-html{border:1px solid #eaeaea;padding:15px;display:flex;flex-direction:row;position:relative;line-height:1.5}.block-html h3{font-size:24px;text-align:left;line-height:1.5;margin:40px auto 10px;color:#004472}.block-html ol{list-style-type:decimal;padding:0 20px}.block-html strong{font-weight:900}
.block-features .block-title{background:#b088fe;padding:15px 20px;color:#fff;font-weight:bold}.block-features .block-description{padding:10px 30px}.block-features .features{display:flex;flex-direction:column;padding:0 30px}.block-features .features .feature{display:flex;flex-direction:row;margin-top:20px}.block-features .features .feature .icon{flex:0 0 64px;color:#f2910f;font-size:48px}.block-features .features .feature .info{flex:0 0 calc(100% - 64px);padding:0 0 0 15px}.block-features .features .feature .info .feature-title{color:#f2910f;font-weight:bold}.block-features .features .feature .info .feature-description{margin-top:7px}
.block-team .block-title{background:#0029cd;padding:15px 20px;color:#fff;font-weight:bold}.block-team .block-description{padding:10px 30px}.block-team .members{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 30px;position:relative}.block-team .members .member{width:50%;padding:10px;display:flex;flex-direction:column;align-items:center}.block-team .members .member img{width:128px;height:128px}.block-team .members .member .name{color:#22cddd;margin-top:5px;text-align:center}.block-team .members .member .titles{margin-top:5px;text-align:center}