@import"https://fonts.googleapis.com/css2?family=Inter:wght@700&text=KKBOXLOSSLESSAUDIO&display=swap";@import"https://fonts.googleapis.com/css2?family=Ramabhadra&text=EDITORS’PICK&display=swap";#lossless{padding-top:72px;background:linear-gradient(135deg, #09CEF6 8.06%, #3A37CB 45.17%);position:relative}@media(max-width: 1023px){#lossless{padding-top:44px}}#lossless::before{content:"";position:absolute;top:454px;left:0;z-index:2;width:100%;height:448px;background:-webkit-gradient(linear, left bottom, left top, color-stop(10.77%, #3A37CB), to(rgba(58, 55, 203, 0)));background:linear-gradient(0deg, #3A37CB 10.77%, rgba(58, 55, 203, 0) 100%)}@media(max-width: 1023px){#lossless::before{top:404px;height:340px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(58, 55, 203, 0)), color-stop(84.02%, #3A37CB));background:linear-gradient(180deg, rgba(58, 55, 203, 0) 0%, #3A37CB 84.02%)}}@media(max-width: 767px){#lossless::before{top:363px}}.section-lossless-main{color:#fff}.section-lossless-main .lossless-video-container{overflow:hidden;position:relative;margin:0 auto;height:830px}.section-lossless-main .lossless-video-container .main-video,.section-lossless-main .lossless-video-container .main-img{z-index:1;position:absolute;top:-110px;left:16%;width:1700px;height:auto;-webkit-transform:rotate(-8.188deg);-ms-transform:rotate(-8.188deg);transform:rotate(-8.188deg)}.section-lossless-main .lossless-video-container .main-img{display:none}.section-lossless-main .lossless-video-container .mask{-webkit-mask-image:url("../images/tw/lossless_main_mask.svg");-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:60%;mask-image:url("../images/tw/lossless_main_mask.svg");-webkit-mask-position:calc(50% + 32px) 50%;mask-position:calc(50% + 32px) 50%;mask-repeat:no-repeat;mask-size:60%}@media(max-width: 1023px){.section-lossless-main .lossless-video-container{height:700px}.section-lossless-main .lossless-video-container .main-video,.section-lossless-main .lossless-video-container .main-img{width:150%;top:-30px;left:0}}@media(max-width: 767px){.section-lossless-main .lossless-video-container{height:667px}.section-lossless-main .lossless-video-container .main-video,.section-lossless-main .lossless-video-container .main-img{width:1200px;top:43%;left:53%;-webkit-transform:translate(-50%, -50%) rotate(-8.188deg);-ms-transform:translate(-50%, -50%) rotate(-8.188deg);transform:translate(-50%, -50%) rotate(-8.188deg)}.section-lossless-main .lossless-video-container .content{top:186px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);padding:0;text-align:center;width:280px}.section-lossless-main .lossless-video-container .content .title-wrapper{margin-bottom:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-lossless-main .lossless-video-container .content .main-title{max-width:255.82px}.section-lossless-main .lossless-video-container .content .free-btn{margin-top:37px}}.section-lossless-main .container{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:72px;z-index:3}.section-lossless-main .container .content{margin-top:115px;margin-left:88px;max-width:360px}.section-lossless-main .container .content .title-wrapper{font-family:"Inter",sans-serif;margin-bottom:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.section-lossless-main .container .content .main-title{max-width:100%}.section-lossless-main .container .content .free-btn{margin:54px 0 0;max-width:100%}.section-lossless-main .container .content .plan-text{text-align:center;margin-top:16px;font-size:14px;font-weight:300}.section-lossless-main .container .content .plan-text a.plan-link{text-decoration:underline;color:#fff;cursor:pointer}.section-lossless-main .container .content .plan-text a.plan-link:hover{color:#ec9849}@media(max-width: 1023px){.section-lossless-main .container .content{margin-left:0}}.section-feature{text-align:center}.section-feature .title{margin-bottom:96px;font-weight:700;font-size:48px}.section-feature .title br{display:none}.section-feature .card-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.section-feature .card-container .card{overflow:hidden;position:relative;border-radius:20px}.section-feature .card-container .card-content{z-index:3;position:absolute;top:290px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:87%;color:#555;font-size:18px;text-align:left;line-height:32px;letter-spacing:.02em}.section-feature .card-container .card-content .card-title{margin-bottom:26px;font-weight:700;color:#111;font-size:32px;text-align:center;line-height:51px;letter-spacing:.04em}.section-feature .card-container .one,.section-feature .card-container .two{margin-bottom:50px;width:calc((100% - 40px)/2);max-width:460px;height:600px;background-color:#fff}.section-feature .card-container .one::before,.section-feature .card-container .two::before{content:"";display:block;width:100%;height:386px}.section-feature .card-container .one{margin-right:40px}.section-feature .card-container .one::before{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(16.84%, rgba(255, 255, 255, 0)), color-stop(72.28%, #FFFFFF)),url("../images/tw/feature_1.png");background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 16.84%, #FFFFFF 72.28%),url("../images/tw/feature_1.png")}.section-feature .card-container .two::before{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(16.84%, rgba(255, 255, 255, 0)), color-stop(72.28%, #FFFFFF)),url("../images/tw/feature_2.png");background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 16.84%, #FFFFFF 72.28%),url("../images/tw/feature_2.png")}.section-feature .card-container .three{width:100%;max-width:880px;height:500px;background-color:#efe3c9}.section-feature .card-container .three .editor-text{z-index:3;position:absolute;top:58px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:87%;font-family:"Ramabhadra",sans-serif;font-size:64px;color:#ef3e49;text-align:left;line-height:80px}.section-feature .card-container .three .img{z-index:1;position:absolute;top:28px;right:32px;width:520px}.section-feature .card-container .three .mask{z-index:2;position:absolute;bottom:0;left:0;height:100%}.section-feature .card-container .three .card-content{top:270px}.section-feature .card-container .three .card-content .card-title{text-align:left}.section-feature .card-container .three .card-content .card-title br{display:none}@media(max-width: 1023px){.section-feature .card-container .one .card-content,.section-feature .card-container .two .card-content{top:230px}}@media(max-width: 767px){.section-feature .title{margin-bottom:40px;font-size:24px}.section-feature .title br{display:block}.section-feature .card-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-feature .card-container .card{height:430px}.section-feature .card-container .one,.section-feature .card-container .two,.section-feature .card-container .three{width:312px}.section-feature .card-container .card-content{width:80%;font-size:14px;line-height:24px}.section-feature .card-container .card-content .card-title{margin-bottom:13px;font-size:24px;line-height:31px}.section-feature .card-container .one .card-content,.section-feature .card-container .two .card-content{top:190px}.section-feature .card-container .one{margin-right:0px}.section-feature .card-container .two .bg{top:-30px}.section-feature .card-container .three .editor-text{top:32px;width:80%;font-size:37px;line-height:40px}.section-feature .card-container .three .img{right:-28px;width:400px}.section-feature .card-container .three .card-content{top:170px}.section-feature .card-container .three .card-content .card-title{text-align:center}.section-feature .card-container .three .card-content .card-title br{display:block}}.gradient-bg{background:-webkit-gradient(linear, left top, left bottom, color-stop(3.38%, #EBEBF9), color-stop(32.48%, #F56120));background:linear-gradient(180deg, #EBEBF9 3.38%, #F56120 32.48%)}.gradient-btn{font-size:20px}.plain-black-btn:hover{background-color:#f56120;border-color:#f56120;color:#fff}@media(max-width: 767px){.container{padding-left:30px;padding-right:30px}.container .title{font-size:32px}.gradient-btn{font-size:14px}.gradient-bg{background:-webkit-gradient(linear, left top, left bottom, color-stop(7.76%, #EBEBF9), color-stop(52.71%, #F56120));background:linear-gradient(180deg, #EBEBF9 7.76%, #F56120 52.71%)}}.section-subscribe .plans-container{margin-top:75px}.section-subscribe .plans-container .plan-wrapper{padding:0 8px 8px;border-top:20px solid rgba(0,0,0,0)}.section-subscribe .plans-container .plan-wrapper.original{background:-webkit-gradient(linear, left top, left bottom, from(white), to(white)) padding-box,-webkit-gradient(linear, right top, left top, from(#F56120), color-stop(50%, #FFCFFA), to(#3A37CB)) border-box;background:linear-gradient(white, white) padding-box,linear-gradient(270deg, #F56120 0%, #FFCFFA 50%, #3A37CB 100%) border-box}.section-subscribe .plans-container .plan{color:#111;background:none}.section-subscribe .plans-container .plan .price-container{width:100%}.section-subscribe .plans-container .plan .price-container .unit,.section-subscribe .plans-container .plan .price-container .price{font-family:Inter;color:#f56120}.section-subscribe .plans-container .plan .price-container .price{font-weight:900;letter-spacing:1px}.section-subscribe .plans-container .plan .price-container::after{content:"";display:block;width:95%;height:1px;background-color:rgba(0,0,0,.2);margin:6px auto 0}.section-subscribe .plans-container .plan .description{color:#555}.section-subscribe .link{color:#000}.section-subscribe .link:hover{color:#f56120}@media(max-width: 767px){.section-subscribe .plans-container{margin-top:23px}.section-subscribe .plans-container .plan-wrapper{margin-bottom:37px}.section-subscribe .plans-container .plan{font-size:16.4px}.section-subscribe .plans-container .plan .price-container{margin-bottom:17px}.section-subscribe .plans-container .plan .price-container .unit{font-size:24.13px}.section-subscribe .plans-container .plan .price-container .price{font-size:64px}.section-subscribe .plans-container .plan .price-container::after{margin-top:0px}.section-subscribe .plans-container .plan .account_count,.section-subscribe .plans-container .plan .description{font-size:13.67px}.section-subscribe .plans-container .plan .description{margin-bottom:40px}.section-subscribe .plans-container .plan .action-btn{font-size:14px}}.section-trial{background-color:#3a37cb}.section-trial .btn-container .mode-btn{border:1px solid #acacac;background-color:rgba(0,0,0,0)}.section-trial .btn-container .mode-btn:hover,.section-trial .btn-container .mode-btn.active{border:1px solid #fff;color:#111;background-color:#fff}.section-trial .seekbar-container .js-play-song:hover svg path{fill:#f56120}.section-trial input[type=range]{background-image:-webkit-gradient(linear, left top, left bottom, from(#F56120), to(#F56120));background-image:linear-gradient(#F56120, #F56120)}.section-feature .title{margin-bottom:60px}.section-feature .card-container .card-content{font-size:20px}.section-feature .card-container .card-content .card-title{font-size:40px}.section-feature .card-container .one,.section-feature .card-container .two{width:calc((100% - 50px)/2);height:640px}.section-feature .card-container .one::before,.section-feature .card-container .two::before{background-size:auto,cover;background-repeat:no-repeat}.section-feature .card-container .one{margin-right:50px}.section-feature .card-container .three{max-width:970px;height:auto;background-image:url("../images/tw/feature_3_desktop.svg");background-position:top right;background-repeat:no-repeat;background-color:#3a37cb}.section-feature .card-container .three>a{display:block;height:100%;text-decoration:none;padding:52px 54px 28px}.section-feature .card-container .three .editor-text{font-family:Inter;font-size:78.5px;font-weight:700;color:#ffcffa;width:auto;position:static;-webkit-transform:none;-ms-transform:none;transform:none}.section-feature .card-container .three .card-content{color:#fff;position:static;-webkit-transform:none;-ms-transform:none;transform:none;margin-top:70px;width:auto}.section-feature .card-container .three .card-content .card-title{color:#fff;margin-bottom:11px}@media(max-width: 767px){.section-feature .card-container .card-content{font-size:14px}.section-feature .card-container .card-content .card-title{font-size:24px}.section-feature .card-container .one,.section-feature .card-container .two{width:100%;height:437px;margin-bottom:30px}.section-feature .card-container .one::before,.section-feature .card-container .two::before{height:264px}.section-feature .card-container .one .card-content,.section-feature .card-container .two .card-content{bottom:28px;top:unset}.section-feature .card-container .one{margin-right:0px}.section-feature .card-container .three{background-image:url("../images/tw/feature_3_mobile.svg");width:100%}.section-feature .card-container .three>a{padding:183px 32px 18px}.section-feature .card-container .three .editor-text{font-size:30.74px;line-height:104%;top:12px;left:0;width:calc(100% - 9px);position:absolute;-webkit-transform:rotate(90deg) translate(100%, 0);-ms-transform:rotate(90deg) translate(100%, 0);transform:rotate(90deg) translate(100%, 0);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.section-feature .card-container .three .card-content{margin-top:0}.section-feature .card-container .three .card-content .card-title{margin-bottom:21px}}.section-demo .title{font-weight:700}.section-demo .description .mobile-demo-list{padding-right:0}.section-demo .video-container{background-image:url("../images/tw/wave.svg");background-position:center;background-repeat:no-repeat}.section-demo .video-container .video-wrapper{max-width:280px;height:518.5px;overflow:hidden;border-radius:11px;margin:0 auto;position:relative;background-color:rgba(0,0,0,0)}.section-demo .video-container .demo-video{position:absolute;top:-26px;left:-35px;width:1000px;max-width:1000px;-webkit-transform:scale(0.348);-ms-transform:scale(0.348);transform:scale(0.348);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}@media(max-width: 767px){.section-demo .description{margin-bottom:60px}.section-demo .video-container{background:none}}.section-introduction .title{font-weight:700}.section-introduction .card .card-content .card-title{font-size:43px;letter-spacing:.1em}.section-introduction .card .card-content .card-subtitle{letter-spacing:.2em}@media(max-width: 767px){.section-introduction .container{padding-top:0;padding-bottom:20px}.section-introduction .splide{padding-bottom:0}.section-introduction .card .card-content .card-title{font-size:29px}.section-introduction .card .card-content .card-subtitle{font-size:16px;letter-spacing:.045em}}.section-playlist{background:linear-gradient(157.85deg, #09CEF6 0%, #3A37CB 34.52%)}.section-playlist .playlist-tab-container{border-bottom-color:#fff}.section-playlist .playlist-tab-container .playlist-tab:hover{color:#fff}.section-playlist .playlist-tab-container .playlist-tab.active{color:#fff;border-bottom-color:#fff}.section-playlist .playlist-list .playlist-wrapper .playlist .trial-block{color:#fff;background-color:#f56120}.section-playlist .playlist-list .playlist-wrapper .playlist .trial-block .play-icon svg path{fill:#fff}.section-playlist .playlist-list .playlist-wrapper .playlist:hover .trial-block{opacity:.95}.section-playlist .playlist-list .playlist-wrapper .link a{border:1px solid #fff;color:#fff;background-color:rgba(0,0,0,0)}.section-playlist .playlist-list .playlist-wrapper .link a:hover{background:#f56120;border-color:#f56120;color:#fff}.section-playlist .splide .splide__pagination__page{background:rgba(255,255,255,.4)}.section-playlist .splide .splide__pagination__page.is-active{background:#fff}.section-playlist .splide .splide__pagination__page:hover{background:rgba(255,255,255,.7)}.section-playlist .gradient-btn{margin-top:58px;margin-bottom:24px}.section-playlist .gradient-btn:hover{background:-webkit-gradient(linear, right top, left top, from(#FF7133), to(#FFD7BA));background:linear-gradient(270deg, #FF7133 0%, #FFD7BA 100%);border:none;color:#fff}.section-playlist .text{color:#fff}.section-playlist .text:hover{color:#ff9466}@media(max-width: 767px){.section-playlist .gradient-btn{margin-top:32px}}.section-faq .faq .answer .link:hover{color:#f56120}.section-faq .faq .answer .download:hover{background-image:url("../images/tw/download_active.svg")}.section-faq .action-container .btn:hover{background:#f56120;color:#fff}