.header-deskop{height:100px;display:flex;align-items:center;justify-content:flex-start;padding:0 48px;font-family:Roc Grotesk VN Bold;position:fixed;width:100%;background:#00b7ad;font-weight:800;z-index:5}.header-deskop-logo{cursor:pointer;margin-right:90px}.header-deskop-submenu{display:flex}.header-deskop-submenu__item{color:#fff;cursor:pointer;margin-right:30px;font-size:25px;font-weight:800}.header-deskop-submenu__item.active{border-bottom:2px solid #ff5800}.header-mobile{display:none}@media only screen and (max-height:1000px){.header-mobile{display:none}.header-deskop{padding:0 30px;height:100px}.header-deskop-logo{cursor:pointer;margin-right:50px}.header-deskop-submenu__item{font-size:17px;font-weight:800}}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (min-device-height:1024px){.header-deskop{display:none}.header-mobile{display:flex;align-items:center;justify-content:flex-start;font-family:Roc Grotesk VN Bold;position:fixed;width:100%;background:#00b7ad;font-weight:800;z-index:5}.header-mobile-listicon{padding:10px 20px;display:flex}.header-mobile-listicon__logo{cursor:pointer;width:140px;margin-right:50px}.header-mobile-listicon__icon{cursor:pointer;padding-top:10px}.header-mobile-listicon__icon img{width:60px}.header-mobile-listmenu{width:100%;background:#00b7ad;padding:10px 20px}.header-mobile-listmenu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header-mobile-listmenu__header-logo{cursor:pointer;width:170px;margin-right:15px}.header-mobile-listmenu__header-icon{height:50px;width:50px;cursor:pointer}.header-mobile-listmenu__submenu-item{line-height:70px;font-weight:800;color:#fff;cursor:pointer;font-size:25px}}@media only screen and (min-device-width:320px)and (max-device-width:767px){.header-deskop{display:none}.header-mobile{display:flex;align-items:center;justify-content:flex-start;font-family:Roc Grotesk VN Bold;position:fixed;width:100%;background:#00b7ad;font-weight:800;z-index:10}.header-mobile-listicon{padding:10px 20px;display:flex}.header-mobile-listicon__logo{cursor:pointer;width:80px;margin-right:15px}.header-mobile-listicon__icon{cursor:pointer;width:42px;padding-top:5px}.header-mobile-listicon__icon img{width:100%}.header-mobile-listmenu{width:100%;background:#00b7ad;padding:10px 20px}.header-mobile-listmenu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header-mobile-listmenu__header-logo{cursor:pointer;width:80px;margin-right:15px}.header-mobile-listmenu__header-icon{height:25px;width:25px;cursor:pointer}.header-mobile-listmenu__submenu-item{line-height:50px;font-weight:800;color:#fff;cursor:pointer;font-size:20px}}@font-face{font-family:Roc Grotesk VN Bold;src:url(/fonts/roc-grotesk-vn-extrabold.3b47ec2a.ttf) format("truetype");font-weight:800}@font-face{font-family:Roc Grotesk VN light;src:url(/fonts/roc-grotesk-vn-extraWide-extralight.98c35671.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Roc Grotesk VN;src:url(/fonts/roc-grotesk-vn-regular.745a7003.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Roc tesk bold;src:url(/fonts/Roc-grotesk-vn-bold.afd7af65.ttf) format("truetype");font-style:normal;font-weight:400}body,html{height:100vh;width:100%;margin:0;overflow-x:hidden;font-family:Roc Grotesk VN;color:#fff}.layoutHome{width:100%;background:#fff;z-index:1}.center-item{display:flex;align-content:center;justify-content:center}.layoutForm{width:100%;height:100vh;background-image:url(/img/register-bg.f03e095b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:1}.layoutLoading{overflow:hidden}.layoutDJ{width:100%;height:100vh;background-image:url(/img/BG_Purple.372263cf.png);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:1}@media only screen and (min-width:768px)and (max-width:1024px){.layoutForm{background-image:url(/img/register-bg2.32cf8743.png)}}@media only screen and (max-height:1000px)and (min-device-width:768px)and (max-device-width:1180px){.layoutForm{background-image:url(/img/register-bg2.32cf8743.png)}}@media only screen and (min-device-width:320px)and (max-device-width:480px){.layoutForm{background-image:url(/img/register-bg-mobile.e3ebda9b.png)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#071d15}::-webkit-scrollbar-thumb:hover{background:#555}.loading{width:100%;height:100%;background:rgba(0,183,166,.251);top:0;left:0}.lds-roller,.loading{z-index:20;position:absolute}.lds-roller{display:inline-block;width:80px;height:80px;left:50%;top:50%;transform:translate(-50%,-50%)}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h3[data-v-1dfc7223]{margin:40px 0 0}ul[data-v-1dfc7223]{list-style-type:none;padding:0}li[data-v-1dfc7223]{display:inline-block;margin:0 10px}a[data-v-1dfc7223]{color:#42b983}.home-desktop{display:flex;justify-content:center;flex-direction:column;width:100%;padding-top:100px}.home-desktop-image1{width:100%}.home-desktop__main{position:relative;z-index:1;display:flex}.home-desktop__main-video{width:100%;z-index:1;height:100%}.home-desktop__main-img{z-index:1;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:35%;max-height:100%}.home-desktop-btnJoin{background:#ff5800;cursor:pointer;height:80px;justify-content:center;align-items:center;font-size:30px;font-weight:800;color:#fff}.home-desktop-btnJoin,.home-desktop-dj{width:100%;display:flex}.home-desktop-dj-img{width:35%}.home-desktop-dj-info{width:65%;padding:200px 100px;height:100%;background:#fff}.home-desktop-dj-info-img{width:100%}.home-desktop-dj-info-des{color:#000;font-size:25px;text-align:center;margin-top:15px}.home-desktop-dj-info-btn{width:100%;display:flex;justify-content:center;margin-top:35px}.home-desktop-dj-info-btn-item{background:#ff5800;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:25px;font-weight:800;color:#fff;border-radius:5px;padding:10px 50px;width:-moz-fit-content;width:fit-content}.home-desktop-add{width:100%;display:flex}.home-desktop-add__info{width:65%}.home-desktop-add__info-img{width:100%}.home-desktop-add-img{width:35%}.home-desktop-countdown{background:#fff;padding:100px 100px;display:flex;justify-content:center;flex-direction:column;align-items:center}.home-desktop-countdown-img{width:90%;display:block;margin-left:auto;margin-right:auto;max-width:800px}.home-desktop-countdown-clock{width:100%;display:flex;justify-content:space-between;margin-top:20px;max-width:900px}.home-desktop-countdown-clock-time{width:20%;text-align:center}.home-desktop-countdown-clock-time-number{font-size:40px;background:#e7fffe;border:1px solid #00b7ad;color:#ff5800;font-weight:700;font-family:Roc tesk bold;padding:50px;border-radius:85px;max-height:150px}.home-desktop-countdown-clock-time-unit{margin-top:5px;color:#ff5800;font-size:25px}.home-desktop .bg-color{background:#6f2dbd;padding-top:30px}.home-mobile{display:none}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (min-device-height:1024px){.home{display:flex;flex-direction:column;width:100%;padding-top:92px}.home-desktop{display:none}.home-mobile{width:100%;display:flex;flex-direction:column}.home-mobile__main{position:relative;display:flex;z-index:1}.home-mobile__main-video{width:100%;z-index:1;height:100%}.home-mobile__main-img{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:50%;max-height:100%}.home-mobile-dj{background:#fff;padding:100px 30px}.home-mobile-dj-img{width:100%}.home-mobile-dj-des{color:#000;font-size:23px;text-align:center}.home-mobile-dj-btn{width:100%;display:flex;justify-content:center;margin-top:20px}.home-mobile-dj-btn-item{border-radius:5px;padding:10px 35px;width:-moz-fit-content;width:fit-content}.home-mobile-btnJoin,.home-mobile-dj-btn-item{background:#ff5800;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:23px;font-weight:800;color:#fff}.home-mobile-btnJoin{width:100%;height:60px}.home-mobile-image1{width:100%;height:90%}.home-mobile-banner-img{width:100%;height:auto}.home-mobile .bg-color{background:#6f2dbd;padding-top:30px}.home-mobile-infoLocation{height:972px;width:100%;display:flex;background-image:url(/img/home-4-bg.322802f9.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.home-mobile-countdown{background:#fff;padding:50px 20px;display:flex;justify-content:center;flex-direction:column;align-items:center}.home-mobile-countdown-img{width:90%;display:block;margin-left:auto;margin-right:auto;max-width:450px}.home-mobile-countdown-clock{width:100%;display:flex;justify-content:space-between;margin-top:20px;max-width:500px}.home-mobile-countdown-clock-time{width:20%;text-align:center}.home-mobile-countdown-clock-time-number{font-size:25px;background:#e7fffe;border:1px solid #00b7ad;color:#ff5800;font-weight:700;font-family:Roc tesk bold;padding:30px;border-radius:55px}.home-mobile-countdown-clock-time-unit{margin-top:5px;color:#ff5800;font-size:15px}}@media only screen and (min-device-width:360px)and (max-device-width:767px){.home{display:flex;flex-direction:column;width:100%;padding-top:60px}.home-desktop{display:none}.home-mobile{width:100%;display:flex;flex-direction:column}.home-mobile__main{position:relative;display:flex;z-index:1}.home-mobile__main-video{width:100%;z-index:1;height:100%}.home-mobile__main-img{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:50%}.home-mobile-dj{background:#fff;padding:100px 30px}.home-mobile-dj-img{width:100%}.home-mobile-dj-des{color:#000;font-size:13px}.home-mobile-dj-btn{width:100%;display:flex;justify-content:center;margin-top:20px}.home-mobile-dj-btn-item{height:30px;font-size:15px;border-radius:5px;padding:5px 30px;width:-moz-fit-content;width:fit-content}.home-mobile-btnJoin,.home-mobile-dj-btn-item{background:#ff5800;cursor:pointer;display:flex;justify-content:center;align-items:center;font-weight:800;color:#fff}.home-mobile-btnJoin{width:100%;height:50px;font-size:20px}.home-mobile-image1{width:100%;height:90%}.home-mobile-banner-img{width:100%;height:auto}.home-mobile .bg-color{background:#6f2dbd;padding-top:30px}.home-mobile-infoLocation{height:972px;width:100%;display:flex;background-image:url(/img/home-4-bg.322802f9.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.home-mobile-countdown{background:#fff;padding:50px 20px;display:flex;justify-content:center;flex-direction:column;align-items:center}.home-mobile-countdown-img{width:90%;display:block;margin-left:auto;margin-right:auto;max-width:350px}.home-mobile-countdown-clock{width:100%;display:flex;justify-content:space-between;margin-top:20px;max-width:390px}.home-mobile-countdown-clock-time{width:20%;text-align:center}.home-mobile-countdown-clock-time-number{font-size:25px;background:#e7fffe;border:1px solid #00b7ad;color:#ff5800;font-weight:700;font-family:Roc tesk bold;padding:16px;border-radius:55px}.home-mobile-countdown-clock-time-unit{margin-top:5px;color:#ff5800;font-size:15px}}.register{width:100%;justify-content:flex-end;padding-top:151px}.register,.register-form{display:flex;height:100%;align-items:center}.register-form{max-width:500px;width:30%;margin-right:131px;justify-content:center;height:calc(100vh - 151px)}.register-form__item{background:rgba(0,183,173,.93);border:1px solid hsla(0,0%,100%,.8);border-radius:29px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 53px 30px;box-sizing:border-box}.register-form__item-img{margin-bottom:45px}.register-form__item-des{color:#fff;font-size:25px;margin-bottom:60px}.register-form__item-des .bold-text{font-weight:700;font-family:Roc tesk bold}.register-form__item-des .brmedium{display:block;margin-bottom:10px}.register-form__item-input{display:flex;flex-direction:column;width:100%;margin-bottom:47px}.register-form__item-input__item{font-family:Roc Grotesk VN;width:100%;background:hsla(0,0%,100%,.5);color:#ff5800;border-radius:10px;height:63px;border:none;padding:10px 25px;box-sizing:border-box;font-size:30px;margin-bottom:10px}.register-form__item-input__item:focus{outline:none}.register-form__item-input__item-error{color:#ff5800;font-weight:500}.register-form__item-btn{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc tesk bold;font-weight:700;font-size:30px;width:100%;border:none;border-radius:10px;height:70px;display:flex;justify-content:center;align-items:center}.register-form__item .btn-disabled{pointer-events:none;background:#ff5800;opacity:.7}.register-form__success{background:rgba(0,183,173,.93);border:1px solid hsla(0,0%,100%,.8);border-radius:29px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 40px 20px;box-sizing:border-box}.register-form__success-img{margin-bottom:30px;max-width:50%}.register-form__success-note{color:#fff;font-size:15px;margin-bottom:10px;line-height:40px;width:100%}.register-form__success-des{color:#fff;font-size:20px;width:100%;line-height:40px}.register-form__success-des .bold-text{font-weight:700;font-size:14px;font-family:Roc tesk bold}.register-form__success-des .bold-small{font-size:13px!important}.register-form__success-des .bold-number{font-weight:700;font-size:28px;font-family:Roc tesk bold}.register-form__success-qr{width:100%;display:flex;justify-content:center;margin-top:10px;margin-bottom:10px}.register-form__success-qr__img{height:200px;width:200px;padding:20px;background-color:#fff;border-radius:12px}.register-form__success-qr__img img{width:100%;height:100%}.register-form__success-btn{background:#ff5800;cursor:pointer;color:#fff;font-weight:700;font-size:30px;width:100%;border:none;border-radius:10px;height:70px;display:flex;justify-content:center;align-items:center}::-moz-placeholder{opacity:1;color:#ff5800}::placeholder{opacity:1;color:#ff5800}@media only screen and (max-height:968px){.register{display:flex;justify-content:flex-end;align-items:center;padding-top:100px;height:calc(100vh - 100px)}.register-form{height:100%;width:30%;margin-right:100px}.register-form__item{border-radius:29px;padding:30px 23px 20px}.register-form__item-img{max-width:50%;margin-bottom:20px}.register-form__item-des{margin-bottom:20px;font-size:18px}.register-form__item-des .brmedium{display:block;margin-bottom:30px}.register-form__item-input{margin-bottom:20px}.register-form__item-input__item{border-radius:10px;height:45px;padding:5px 15px;font-size:20px;margin-bottom:10px}.register-form__item-btn{font-size:18px;border-radius:10px;height:50px}.register-form__success{border-radius:29px;padding:20px 30px 10px}.register-form__success-img{max-width:35%;margin-bottom:15px}.register-form__success-note{color:#fff;font-size:11px;margin-bottom:0;line-height:30px;width:100%}.register-form__success-des{font-size:14px;line-height:23px}.register-form__success-des .bold-number{font-weight:700;font-size:25px;font-family:Roc tesk bold}.register-form__success-qr__img{height:115px;width:115px;padding:8px;background-color:#fff;border-radius:12px}.register-form__success-qr__img img{width:100%;height:100%}}@media only screen and (max-height:1000px)and (min-width:768px)and (max-width:1180px){.register{display:flex;justify-content:center;align-items:center}.register-form{width:50%;margin-right:0}.register-form__item{border-radius:29px;padding:20px 30px 20px}.register-form__item-img{max-width:60%;margin-bottom:20px}.register-form__item-des{font-size:20px;margin-bottom:15px}.register-form__item-input{margin-bottom:20px}.register-form__item-input__item{border-radius:10px;height:45px;padding:5px 15px;font-size:20px;margin-bottom:10px}.register-form__item-btn{font-size:22px;border-radius:10px;height:50px}.register-form__success{border-radius:29px;padding:20px 30px 10px}.register-form__success-img{max-width:35%;margin-bottom:10px}.register-form__success-des{font-size:14px;line-height:28px}.register-form__success-des .bold-number{font-size:22px;font-family:Roc tesk bold}.register-form__success-note{margin-bottom:0;font-size:13px}.register-form__success-qr{margin-top:10px;margin-bottom:10px}.register-form__success-qr__img{height:130px;width:130px;padding:10px;background-color:#fff;border-radius:12px}.register-form__success-qr__img img{width:100%;height:100%}}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (min-device-height:1024px){.register{display:flex;justify-content:center;align-items:center;height:calc(100vh - 70px);padding-top:70px}.register-form{width:80%;height:auto;margin-right:0;max-width:600px}.register-form__item{border-radius:29px;padding:30px 30px 35px}.register-form__item-img{max-width:60%;margin-bottom:15px}.register-form__item-des{font-size:25px;margin-bottom:20px;line-height:40px}.register-form__item-input{margin-bottom:15px}.register-form__item-input__item{border-radius:10px;height:60px;padding:5px 15px;font-size:23px;margin-bottom:10px}.register-form__item-btn{font-size:25px;border-radius:10px;height:55px}.register-form__success{border-radius:29px;padding:25px 15px 10px}.register-form__success-img{max-width:50%;margin-bottom:20px}.register-form__success-des{font-size:20px;line-height:30px}.register-form__success-des .bold-number{font-size:30px;font-family:Roc tesk bold}.register-form__success-note{font-size:15px;line-height:30px}.register-form__success-qr__img{height:100px;width:100px;padding:10px;background-color:#fff;border-radius:12px}.register-form__success-qr__img img{width:100%;height:100%}}@media only screen and (min-device-width:360px)and (max-device-height:1000px)and (max-device-width:500px){.register{display:flex;justify-content:center;align-items:center;height:calc(100vh - 70px);padding-top:70px}.register-form{width:80%;height:auto;margin-right:0}.register-form__item{border-radius:29px;padding:30px 30px 35px}.register-form__item-img{max-width:60%;margin-bottom:15px}.register-form__item-des{font-size:15px;margin-bottom:20px;line-height:30px}.register-form__item-input{margin-bottom:15px}.register-form__item-input__item{border-radius:10px;height:35px;padding:5px 15px;font-size:18px;margin-bottom:10px}.register-form__item-btn{font-size:20px;border-radius:10px;height:45px}.register-form__success{border-radius:29px;padding:25px 15px 10px}.register-form__success-img{max-width:50%;margin-bottom:20px}.register-form__success-des{font-size:13px;line-height:25px}.register-form__success-des .bold-number{font-size:19px;font-family:Roc tesk bold}.register-form__success-note{font-size:10px;line-height:25px}.register-form__success-qr__img{height:100px;width:100px;padding:10px;background-color:#fff;border-radius:12px}.register-form__success-qr__img img{width:100%;height:100%}}.camera-mobile{display:none}.web-camera{width:100%;height:100%}.web-camera,.web-camera .web-camera-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.web-camera .web-camera-container{border:3px solid #ff5800;border-radius:20px;width:60%;background:#fff;padding:5px;max-width:700px}.web-camera .web-camera-container .camera-button{margin-bottom:2rem}.web-camera .web-camera-container .camera-box{display:flex;justify-content:center;align-items:center}.web-camera .web-camera-container .camera-box .camera-shutter{opacity:0;width:90%;height:337.5px;background-color:#fff;position:absolute;z-index:1}.web-camera .web-camera-container .camera-box .camera-shutter.flash{opacity:1}.web-camera .web-camera-container .camera-box #camera-test,.web-camera .web-camera-container .camera-box #photoTaken{border-radius:20px}.web-camera .web-camera-container .camera-loading{overflow:hidden;height:100%;position:absolute;width:100%;min-height:150px;margin:3rem 0 0 -1.2rem}.web-camera .web-camera-container .camera-loading ul{height:100%;position:absolute;width:100%;z-index:999999;margin:0}.web-camera .web-camera-container .camera-loading .loader-circle{display:block;height:14px;margin:0 auto;top:50%;left:100%;transform:translateY(-50%);transform:translateX(-50%);position:absolute;width:100%;padding:0}.web-camera .web-camera-container .camera-loading .loader-circle li{display:block;float:left;width:10px;height:10px;line-height:10px;padding:0;position:relative;margin:0 0 0 4px;background:#999;animation:preload 1s infinite;top:-50%;border-radius:100%}.web-camera .web-camera-container .camera-loading .loader-circle li:nth-child(2){animation-delay:.2s}.web-camera .web-camera-container .camera-loading .loader-circle li:nth-child(3){animation-delay:.4s}@keyframes preload{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.web-camera .loadingCam{display:flex;flex-direction:column;justify-content:center;align-items:center;border:3px solid #ff5800;border-radius:20px;width:60%;background:#fff;height:50%;padding:5px;max-width:700px;max-height:200px}.web-camera .camera-shoot{width:100%;display:flex;justify-content:center;margin-top:10px;z-index:10}.web-camera .camera-shoot .btn-camera{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc Grotesk VN Bold;font-weight:700;font-size:25px;border:none;border-radius:10px;height:50px;display:flex;justify-content:center;align-items:center;width:250px}.web-camera .camera-shoot .btn-camera-icon{margin-left:10px}.web-camera .camera-download{width:70%;display:flex;justify-content:center;margin-top:10px;z-index:10}.web-camera .camera-download__camera{background:#fff;cursor:pointer;color:#ff5800;font-family:Roc Grotesk VN Bold;font-weight:700;font-size:25px;border:none;border-radius:8px;height:50px;display:flex;justify-content:center;align-items:center;padding:0 20px;margin-right:10px}.web-camera .camera-download__camera-icon{margin-left:10px}.web-camera .camera-download__next{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc Grotesk VN Bold;font-weight:700;font-size:25px;border:none;border-radius:8px;height:50px;display:flex;justify-content:center;align-items:center;padding:0 20px}.web-camera .camera-download__next-icon{margin-left:10px}@media only screen and (max-height:968px){.camera-mobile{display:none}.web-camera .web-camera-container{width:45%}}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (min-device-height:1024px){.camera-mobile{flex-direction:column;width:100%}.camera-mobile,.camera-mobile__btn{display:flex;justify-content:center;align-items:center}.camera-mobile__btn{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc Grotesk VN Bold;font-weight:700;font-size:25px;border:none;border-radius:5px;height:35px;padding:10px 20px;margin-right:10px;margin-top:10px}.camera-mobile__btn-icon{margin-left:5px;height:30px}.camera-mobile .back{background:#fff;color:#ff5800;width:165px}.camera-mobile__noimg{width:60%;padding:5px;background:#fff;border:3px solid #ff5800;height:200px;border-radius:5px;margin-bottom:10px}.camera-mobile #preview{width:60%;padding:5px;background:#fff;border:3px solid #ff5800}.camera-mobile #preview img{width:100%}.camera-mobile #upload-photo{opacity:0;position:absolute;z-index:-1}.web-camera{display:none}}@media only screen and (min-device-width:360px)and (max-device-width:767px){.camera-mobile{flex-direction:column;width:100%}.camera-mobile,.camera-mobile__btn{display:flex;justify-content:center;align-items:center}.camera-mobile__btn{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc Grotesk VN Bold;font-weight:700;font-size:13px;border:none;border-radius:5px;height:35px;padding:0 15px;margin-right:10px;margin-top:10px}.camera-mobile__btn-icon{margin-left:5px;height:15px}.camera-mobile .back{background:#fff;color:#ff5800;width:90px}.camera-mobile__noimg{width:80%;padding:5px;background:#fff;border:3px solid #ff5800;height:200px;border-radius:5px;margin-bottom:10px}.camera-mobile #preview{width:80%;padding:5px;background:#fff;border:3px solid #ff5800}.camera-mobile #preview img{width:100%}.camera-mobile #upload-photo{opacity:0;position:absolute;z-index:-1}.web-camera{display:none}}.music-collec{width:80%;display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center;max-width:1024px}.music-collec__title{color:#fff;font-size:35px;line-height:50px;font-family:Roc Grotesk VN Bold;margin-bottom:20px}.music-collec__musics{display:flex;max-width:100%;overflow:auto;justify-content:space-between}.music-collec__musics-item{display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center;padding:10px}.music-collec__musics-item__active{border:1px solid #fff}.music-collec__musics-item__img{height:250px;width:250px}.music-collec__musics-item__play-icon{height:30px;width:30px;margin-right:10px;cursor:pointer}.music-collec__musics-item__play span{line-height:30px;color:#fff;font-size:25px}.music-collec__musics__btn{width:100%;display:flex;justify-content:center;margin-top:50px}.music-collec__musics__btn-item{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc Grotesk VN Bold;font-weight:700;font-size:25px;width:200px;border:none;border-radius:10px;height:45px;display:flex;justify-content:center;align-items:center}.music-collec__musics__btn .disabled{pointer-events:none;background:#ff5800;opacity:.7}.music-collec #myMusic{display:none}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (min-device-height:1024px){.music-collec{width:70%;display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center}.music-collec__title{color:#fff;font-size:30px;line-height:40px;font-family:Roc Grotesk VN Bold;margin-bottom:10px}.music-collec__musics{overflow:auto;align-items:center}.music-collec__musics,.music-collec__musics-item{display:flex;flex-direction:column;justify-content:center}.music-collec__musics-item{align-content:center;text-align:center;margin-right:0}.music-collec__musics-item__active{border:1px solid #fff}.music-collec__musics-item__img{height:150px;width:150px}.music-collec__musics-item__play-icon{height:30px;width:30px;margin-right:10px}.music-collec__musics-item__play span{line-height:30px;color:#fff;font-size:25px}.music-collec__musics__btn{width:100%;display:flex;justify-content:center;margin-top:20px}.music-collec__musics__btn-item{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc Grotesk VN Bold;font-weight:700;font-size:25px;width:200px;border:none;border-radius:10px;height:45px;display:flex;justify-content:center;align-items:center}.music-collec__musics__btn .disabled{pointer-events:none;background:#ff5800;opacity:.7}.music-collec #myMusic{display:none}}@media only screen and (min-device-width:360px)and (max-device-width:767px){.music-collec{max-width:80%;display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center}.music-collec__title{color:#fff;font-size:23px;line-height:35px;font-family:Roc Grotesk VN Bold;margin-bottom:0}.music-collec__musics{overflow:auto;align-items:center}.music-collec__musics,.music-collec__musics-item{display:flex;flex-direction:column;justify-content:center}.music-collec__musics-item{align-content:center;text-align:center;margin-right:0}.music-collec__musics-item__active{border:1px solid #fff}.music-collec__musics-item__img{height:100px;width:100px}.music-collec__musics-item__play-icon{height:25px;width:25px;margin-right:10px;cursor:pointer}.music-collec__musics-item__play span{line-height:30px;color:#fff;font-size:20px}.music-collec__musics__btn{width:100%;display:flex;justify-content:center;margin-top:10px}.music-collec__musics__btn-item{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc Grotesk VN Bold;font-weight:700;font-size:20px;width:150px;border:none;border-radius:10px;height:35px;display:flex;justify-content:center;align-items:center}.music-collec__musics__btn .disabled{pointer-events:none;background:#ff5800;opacity:.7}.music-collec #myMusic{display:none}}.name-collec{max-width:80%;display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center}.name-collec__title{color:#fff;font-size:35px;line-height:65px;font-family:Roc tesk bold}.name-collec__icon{margin-bottom:10px}.name-collec__icon-item{width:30px;height:20px}.name-collec__musics{max-width:100%;overflow:auto;margin-bottom:15px}.name-collec__musics,.name-collec__musics-item{display:flex;align-content:center;justify-content:center}.name-collec__musics-item{flex-direction:column;text-align:center;margin-right:50px;padding:10px}.name-collec__musics-item__img{width:80%;max-width:700px}.name-collec__musics-item__name{color:#fff;font-size:25px}.name-collec__name{display:flex;width:100%;justify-content:center;margin-bottom:20px}.name-collec__name-item{display:flex;height:50px;width:50%}.name-collec__name-item__input{width:90%;background:none;color:#fff;border:1px solid #fff;padding:5px 5px;box-sizing:border-box;font-size:20px;margin-bottom:10px;height:100%;border-bottom-left-radius:5px;border-top-left-radius:5px}.name-collec__name-item__input:focus{outline:none}.name-collec__name-item__icon{border:1px solid #fff;border-left:none;padding:5px;box-sizing:border-box;border-bottom-right-radius:5px;border-top-right-radius:5px}.name-collec__btn{width:100%;display:flex;justify-content:center;margin-bottom:20px}.name-collec__btn-item{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc tesk bold;font-weight:700;font-size:20px;width:40%;border:none;border-radius:10px;height:50px;display:flex;justify-content:center;align-items:center}.name-collec__btn .disabled{pointer-events:none;background:#ff5800;opacity:.7}.name-collec ::-moz-placeholder{opacity:1;color:#fff}.name-collec ::placeholder{opacity:1;color:#fff}@media only screen and (min-device-width:360px)and (max-device-width:767px){.name-collec{width:80%}.name-collec__title{color:#fff;font-size:16px;line-height:50px;font-family:Roc tesk bold}.name-collec__icon{margin-bottom:10px}.name-collec__icon-item{width:20px;height:15px}.name-collec__musics{max-width:100%;overflow:auto;margin-bottom:30px}.name-collec__musics,.name-collec__musics-item{display:flex;align-content:center;justify-content:center}.name-collec__musics-item{flex-direction:column;text-align:center;margin-right:50px;padding:10px}.name-collec__musics-item__img{width:100%;max-width:400px}.name-collec__musics-item__name{color:#fff;font-size:25px}.name-collec__name{display:flex;width:100%;justify-content:center;margin-bottom:20px}.name-collec__name-item{display:flex;height:35px;width:70%}.name-collec__name-item__input{width:calc(100% - 35px);background:none;color:#fff;border:1px solid #fff;padding:5px 5px;box-sizing:border-box;font-size:15px;margin-bottom:10px;height:100%;border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-right-radius:0;border-top-right-radius:0}.name-collec__name-item__input:focus{outline:none}.name-collec__name-item__icon{border:1px solid #fff;border-left:none;padding:5px;box-sizing:border-box;border-bottom-right-radius:5px;border-top-right-radius:5px;width:35px}.name-collec__btn{width:100%;display:flex;justify-content:center;margin-bottom:20px}.name-collec__btn-item{background:#ff5800;cursor:pointer;color:#fff;font-family:Roc tesk bold;font-weight:700;font-size:16px;width:50%;border:none;border-radius:5px;height:30px;display:flex;justify-content:center;align-items:center}.name-collec__btn .disabled{pointer-events:none;background:#ff5800;opacity:.7}.name-collec ::-moz-placeholder{opacity:1;color:#fff}.name-collec ::placeholder{opacity:1;color:#fff}}.dj{padding-top:100px;display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - 100px)}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (min-device-height:1024px){.dj{padding-top:92px;height:calc(100vh - 92px)}}@media only screen and (min-device-width:360px)and (max-device-width:767px){.dj{padding-top:60px;height:calc(100vh - 60px)}}.dj__success-form{background:rgba(131,98,160,.93);border:1px solid rgba(235,224,238,.93);border-radius:29px;max-width:500px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px 40px;box-sizing:border-box}.dj__success-form__title{width:35%;margin-bottom:30px}.dj__success-form__des{font-size:20px;text-align:center;margin-bottom:30px}.dj__success-form__qr{height:200px;width:200px;padding:20px;background-color:#fff;border-radius:12px}.dj__success-form__qr img{width:100%;height:100%}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (min-device-height:1024px){.dj__success-form{max-width:450px;padding:30px 30px;width:100%}.dj__success-form__title{width:40%;margin-bottom:20px}.dj__success-form__des{font-size:20px;text-align:center;margin-bottom:30px}.dj__success-form__qr{height:150px;width:150px;padding:10px;border-radius:7px}.dj__success-form__qr img{width:100%;height:100%}}@media only screen and (min-device-width:360px)and (max-device-width:767px){.dj__success-form{max-width:300px;padding:20px 20px;width:100%}.dj__success-form__title{width:40%;margin-bottom:20px}.dj__success-form__des{font-size:20px;text-align:center;margin-bottom:30px}.dj__success-form__qr{height:90px;width:90px;padding:10px;border-radius:7px}.dj__success-form__qr img{width:100%;height:100%}}.review{width:100%;display:flex;margin-top:30px;padding-left:20px;cursor:pointer}.review-info{width:40%;padding:0 20px 0 0;box-sizing:border-box}.review-info__title{color:#ff5800;font-family:Roc Grotesk VN Bold;font-size:25px;line-height:40px}.review-info__des{color:#000;font-family:Roc Grotesk VN;font-size:20px}.review-list{width:60%;display:flex}.review-list__item-img{width:20vw;height:20vh;border-radius:5px;overflow:hidden;margin-right:10px}.review-list__item:not(:last-child):after{content:"";border:1px solid #ccc;position:absolute;width:calc(100% - 18px);top:7px;left:17px}@media only screen and (max-height:968px){.review{margin-top:20px}.review-info{width:40%;padding:0 20px 0 0}.review-info__title{font-size:20px;line-height:35px}.review-info__des{font-size:18px}.review-list{width:60%;display:flex}.review-list__item-img{width:20vw;height:20vh;border-radius:5px;overflow:hidden;margin-right:10px}.review-list__item:not(:last-child):after{content:"";border:1px solid #ccc;position:absolute;width:calc(100% - 18px);top:7px;left:17px}}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (min-device-height:1024px){.review{margin-top:20px;flex-direction:column}.review-info{width:100%;margin-bottom:10px;padding-right:20px;box-sizing:border-box}.review-info__title{color:#ff5800;font-family:Roc Grotesk VN Bold;font-size:25px;line-height:40px}.review-info__des{font-size:20px}.review-list__item-img{width:250px;height:150px;margin-right:5px}}@media only screen and (min-device-width:360px)and (max-device-width:767px){.review{margin-top:20px;flex-direction:column}.review-info{width:100%;margin-bottom:10px;padding-right:20px;box-sizing:border-box}.review-info__title{font-size:18px;line-height:30px}.review-info__des{font-size:13px}.review-list__item-img{width:100px;height:70px;margin-right:5px}}.detail{display:flex;flex-direction:column}.detail-info{display:flex;align-items:center;justify-content:space-around;width:100%;padding-left:20px;box-sizing:border-box}.detail-info__icon{width:50px;cursor:pointer}.detail-info__icon img{width:100%}.detail-info__text{width:calc(100% - 100px)}.detail-info__text-item{flex-direction:column;width:60%;text-align:center}.detail-info__text-item-title{color:#ff5800;font-family:Roc Grotesk VN Bold;font-size:25px;line-height:40px}.detail-info__text-item-des{color:#000;font-family:Roc Grotesk VN;font-size:20px}.detail-info__empty{width:50px}.detail-img{width:100%;margin-top:30px}.detail-img .first-row{display:flex;align-items:flex-start}.detail-img .first-row .item-img{width:33.33%;margin:0 2px 2px 0;border-radius:5px;height:33vh}.detail-img .second-row{display:flex;align-items:flex-start}.detail-img .second-row .item-img{width:50%;margin:0 2px 2px 0;border-radius:5px;height:43vh}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (min-device-height:1024px){.detail{display:flex}.detail-info{display:flex;align-items:center;justify-content:space-around}.detail-info__icon{width:50px;cursor:pointer}.detail-info__icon img{width:100%}.detail-info__text{width:calc(100% - 100px)}.detail-info__text-item{flex-direction:column;width:90%;text-align:center}.detail-info__text-item-title{font-size:25px;line-height:40px}.detail-info__text-item-des{font-size:20px}.detail-info__empty{width:50px}.detail-img .first-row .item-img{height:23vh}.detail-img .second-row .item-img{height:28vh}}@media only screen and (min-device-width:360px)and (max-device-width:767px){.detail{display:flex}.detail-info{display:flex;align-items:center;justify-content:space-around}.detail-info__icon{width:25px;cursor:pointer}.detail-info__icon img{width:100%}.detail-info__text{width:calc(100% - 50px)}.detail-info__text-item{flex-direction:column;width:90%;text-align:center}.detail-info__text-item-title{font-size:20px;line-height:40px}.detail-info__text-item-des{font-size:12px}.detail-info__empty{width:25px}.detail-img .first-row .item-img{height:20vh}.detail-img .second-row .item-img{height:25vh}}.moment{color:#000;padding-top:127px}.moment-title{font-family:Roc Grotesk VN Bold;color:#96acf7;font-size:35px;margin-left:20px}.moment .list-review-album{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:calc(100vh - 127px);padding-bottom:20px;box-sizing:border-box}@media only screen and (max-height:968px){.moment{padding-top:120px}.moment-title{color:#96acf7;font-size:40px}.moment .list-review-album{height:calc(100vh - 120px)}}@media only screen and (max-height:968px)and (min-device-width:360px)and (max-device-width:767px){.moment{padding-top:70px}.moment .list-review-album{height:calc(100vh - 70px);padding-bottom:30px}}