html{position:relative;min-height:100%}body{font-family:"Helvetica Neue",Arial,"PingFang TC","Heiti TC","微軟正黑體",sans-serif;line-height:1.43;min-width:320px;margin:0;color:#fff;background-color:#000}*{-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:25px;padding-left:25px}@media(min-width: 768px){.container{width:750px}}@media(min-width: 992px){.container{width:970px}}@media(min-width: 1200px){.container{width:1170px}}@media(min-width: 1470px){.container{width:1440px}}@media(min-width: 768px){.wave-player-wrapper{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}}.wave-player{margin-bottom:33px}.wave-player h3{font-size:24px;font-weight:normal;color:#e9e9e9;margin:0 auto 4px}@media(min-width: 768px){.wave-player h3{font-size:36px;font-weight:300;line-height:normal;letter-spacing:normal;margin-bottom:5px}}.wave-player .title--16bit{color:#ca9c7a}.wave-player span{font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.79;letter-spacing:.82px;text-align:center}.wave-player .text-play--16bit{color:#ca9c7a}.wave-player .wave{position:relative;width:300px;margin-top:10px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center bottom;background-size:contain}@media(min-width: 768px){.wave-player .wave{width:400px;height:300px}}.wave-player .wave.background-hidden{background-image:none}.wave-player .bg-text{opacity:.3;font-weight:900;font-family:Roboto,sans-serif;line-height:1;letter-spacing:normal;text-align:center}.wave-player .bg-text span{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(27%, rgb(255, 255, 255)), color-stop(88%, #000000));background-image:linear-gradient(to bottom, rgb(255, 255, 255) 27%, #000000 88%);font-size:60px;line-height:1;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.wave-player .bg-text i{font-size:50px;font-style:normal;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(32%, rgb(255, 255, 255)), color-stop(82%, #000000));background-image:linear-gradient(to bottom, rgb(255, 255, 255) 32%, #000000 82%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(min-width: 768px){.wave-player .bg-text{height:235px}.wave-player .bg-text span{font-size:75px}.wave-player .bg-text i{font-size:60px}}.wave-player .wave--hifi{background-image:url("../images/wave-16.png")}.wave-player .wave--hifi span{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(42%, #ca9c7a), color-stop(90%, #000000));background-image:linear-gradient(to bottom, #ca9c7a 42%, #000000 90%)}.wave-player .wave--hifi i{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(40%, #ca9c7a), to(#000000));background-image:linear-gradient(to bottom, #ca9c7a 40%, #000000)}.wave-player .wave--192k{background-image:url("../images/wave-128.svg")}.wave-player canvas{width:100%;height:65px}.wave-player audio{display:none}.wave-player .btn-play{position:absolute;bottom:50%;left:50%;display:block;width:64px;height:64px;cursor:pointer;-webkit-transition:opacity .25s;transition:opacity .25s;-webkit-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%);text-decoration:none;opacity:.75;background-image:url("../images/play.svg");background-repeat:no-repeat;background-position:center;background-size:contain}.wave-player .btn-play:hover{opacity:1}.wave-player .btn-play.pause{background-image:url("../images/pause.svg")}@media(min-width: 768px){.wave-player .btn-play{width:99px;height:99px}}.section-key-image{-webkit-perspective:1px;perspective:1px;overflow:hidden;height:750px;padding-top:100px;background-image:url("../images/bg_mobile-index.jpg");background-repeat:no-repeat;background-position:center bottom;background-size:cover}@media(min-width: 768px){.section-key-image{height:830px;padding-top:152px;background-image:url("../images/bg_pctable-index.jpg")}}.section-key-image .container{height:100%}@media(min-width: 768px){.section-key-image .container{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.section-key-image .icon{display:inline-block;height:0;padding-top:25px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:100% auto}.section-key-image .icon--lossless{background-image:url("../images/icon_lossless.png");background-size:98% auto}.section-key-image .phone{height:100%;background-image:url("../images/img_mobile-half.png");background-repeat:no-repeat;background-position:50% 0;background-size:100% auto;margin-top:30px}@media(min-width: 768px){.section-key-image .phone{margin-top:40px;background-repeat:no-repeat;background-size:auto}}.section-key-image .text{text-align:center}@media(min-width: 1200px){.section-key-image .text{padding-right:80px;padding-left:80px}}.section-key-image .title{font-size:55px;font-weight:900;line-height:normal;margin:0;text-align:center;color:#e9e9e9}@media(min-width: 768px){.section-key-image .title{font-size:90px;letter-spacing:normal}.section-key-image .title br{display:none}}.section-key-image .title .prefix{margin-bottom:9px;font-family:Roboto,sans-serif;font-size:36px;font-weight:900;line-height:normal;letter-spacing:normal;color:#e9e9e9}@media(min-width: 768px){.section-key-image .title .prefix{font-size:90px;margin-bottom:10px}}.section-key-image .description{font-size:24px;margin-top:15px;margin-bottom:15px;text-align:center;color:#ca9c7a}@media(min-width: 768px){.section-key-image .description{font-size:43px;margin-bottom:30px}}.section-feature{overflow:hidden;padding-bottom:30px}@media(min-width: 768px){.section-feature{padding-top:20px;padding-bottom:180px}}.section-feature .feature-card{padding-top:20px}@media(min-width: 768px){.section-feature .feature-card{padding-top:0;height:360px}}@media(min-width: 992px){.section-feature .feature-card{height:470px}}.section-feature .feature-card .container{width:100%;padding-top:230px;background-repeat:no-repeat;background-position:50% 0;background-size:320px 230px}@media(min-width: 768px){.section-feature .feature-card .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0;background-position:100% 50%;background-size:450px auto}}@media(min-width: 992px){.section-feature .feature-card .container{background-size:615px auto}}.section-feature .feature-card .text{padding:20px 15px 15px}@media(min-width: 768px){.section-feature .feature-card .text{-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%}.section-feature .feature-card .text:nth-child(odd){padding-left:50px}.section-feature .feature-card .text:nth-child(even){padding-right:50px}}.section-feature .feature-card .title{color:#ca9c7a;margin:0 0 7px;font-size:24px;font-weight:300;letter-spacing:normal}@media(min-width: 768px){.section-feature .feature-card .title{font-size:38px;margin-bottom:42px}}.section-feature .feature-card .description{color:#e9e9e9;margin:7px 0 0;font-size:14px;font-weight:normal;line-height:1.79;letter-spacing:.82px}@media(min-width: 768px){.section-feature .feature-card .description{font-size:17px;font-weight:normal;line-height:1.47;letter-spacing:1px}}.section-feature .feature-card:nth-child(1) .container{background-image:url("../images/img_pctable01.jpg")}.section-feature .feature-card:nth-child(2) .container{background-image:url("../images/img_pctable02.jpg")}@media(min-width: 768px){.section-feature .feature-card:nth-child(2) .container .title{margin-bottom:0px}}@media(min-width: 768px){.section-feature .feature-card:nth-child(2) .container{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;background-position:0% 50%}}.section-feature .feature-card:nth-child(3) .container{background-image:url("../images/img_pctable03.jpg")}.section-trial{padding-top:50px;padding-bottom:30px;text-align:center;background-image:-webkit-gradient(linear, left top, left bottom, from(#282828), to(#000));background-image:linear-gradient(to bottom, #282828, #000)}@media(min-width: 768px){.section-trial{padding-bottom:40px}}.section-trial .title{font-size:36px;font-weight:900;margin-top:0;margin-bottom:6px;color:#ca9c7a}@media(min-width: 768px){.section-trial .title{font-size:48px;font-weight:900;line-height:normal;letter-spacing:normal;margin-bottom:16px}}.section-trial .description{font-size:14px;margin-top:0;margin-bottom:59px;letter-spacing:normal;color:#fff}@media(min-width: 768px){.section-trial .description{margin-bottom:71px;font-size:18px;font-weight:normal;line-height:normal}}@media(min-width: 768px){.section-trial .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}.section-trial .content .cover{margin-bottom:41px}@media(min-width: 768px){.section-trial .content .cover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:30px}}.section-trial .content .cover img{width:170px;height:auto;border:solid 1px #999}@media(min-width: 768px){.section-trial .content .cover img{width:297px}}.section-trial .note{padding:0 15px;margin-bottom:25px;text-align:left;font-size:14px;font-weight:normal;line-height:normal;letter-spacing:normal}@media(min-width: 768px){.section-trial .note{margin-top:70px;text-align:center}}.section-trial .action{background-color:#151618;margin:0 -15px;padding:15px 0}@media(min-width: 768px){.section-trial .action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:83px 0 0}.section-trial .action h3{margin-left:36px}.section-trial .action br{display:none}}.section-trial .title-challenge{color:#ca9c7a;font-size:18px;font-weight:500;line-height:normal;letter-spacing:-0.12px;text-align:center;margin-bottom:17px}.section-instruction{padding-top:30px;padding-bottom:50px;background-repeat:no-repeat;background-position:bottom;background-size:cover}@media(min-width: 768px){.section-instruction{padding-top:96px;padding-bottom:120px}}.section-instruction .title{font-size:32px;font-weight:bold;margin:0;text-align:center;color:#ca9c7a}.section-instruction .title span{font-size:24px;color:#e9e9e9}@media(min-width: 768px){.section-instruction .title{font-size:48px;font-weight:900;line-height:normal;letter-spacing:normal}.section-instruction .title span{font-size:24px;font-weight:bold;line-height:normal;letter-spacing:normal;margin-bottom:15px}}.section-instruction .content{position:relative}@media(min-width: 768px){.section-instruction .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:60px;margin-bottom:90px}}.section-instruction .video{margin-top:30px;position:relative}@media(min-width: 768px){.section-instruction .video{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}}.section-instruction .video video{display:block;width:100%;max-width:270px;height:auto;margin:0 auto}@media(min-width: 768px){.section-instruction .video video{max-width:377px}}.section-instruction .instruction{margin-top:30px}@media(min-width: 768px){.section-instruction .instruction{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}}.section-instruction .instruction .title{font-size:36px;font-weight:bold;line-height:normal;letter-spacing:normal;margin-bottom:20px}@media(min-width: 768px){.section-instruction .instruction .title{text-align:left;font-size:36px;margin-bottom:30px;color:#fff}}.section-instruction .step-wrapper{margin-bottom:10px}@media(min-width: 768px){.section-instruction .step-wrapper{margin-bottom:18px}}.section-instruction .step{margin:0;color:#ca9c7a;font-family:Roboto,sans-serif;font-size:18px;font-weight:bold;line-height:1.78;letter-spacing:normal}@media(min-width: 768px){.section-instruction .step{margin-bottom:4px;font-size:21px;margin-bottom:5px;letter-spacing:1px}}.section-instruction .detail{font-size:14px;margin:0;color:#fff}@media(min-width: 768px){.section-instruction .detail{font-size:17px;font-weight:300;line-height:1.47;letter-spacing:normal}}.section-instruction .action{padding-top:83px}@media(max-width: 767px){.section-instruction .action{padding-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media(min-width: 768px){.section-instruction .btn{font-size:24px}}.section-instruction .btn-to-upgrade{margin-bottom:20px}@media(min-width: 768px){.section-instruction .btn-to-upgrade{margin-bottom:0}}.section-playlist{padding-top:50px;padding-bottom:20px;text-align:center;background-image:url("../images/bg_mobile-index02.jpg");background-repeat:no-repeat;background-position:top center;background-size:cover}@media(min-width: 768px){.section-playlist{padding:60px 0 100px;background-image:url("../images/bg_pctable-02.jpg")}}.section-playlist .title{font-size:36px;font-weight:900;margin-top:14px;margin-top:0;margin-bottom:6px;color:#ca9c7a}@media(min-width: 768px){.section-playlist .title{font-size:48px;font-weight:bold;line-height:normal;letter-spacing:normal;margin-bottom:9px}}.section-playlist .description,.section-playlist .splide_extra_text{font-size:15px;line-height:1.67;color:#fff}@media(min-width: 768px){.section-playlist .description,.section-playlist .splide_extra_text{font-size:24px;font-weight:normal;line-height:1.33;letter-spacing:1.14px}}.section-playlist .playlist-list-title{font-size:21px;color:#fff}@media(min-width: 768px){.section-playlist .playlist-list-title{margin-top:100px;font-size:38px;font-weight:normal;line-height:1.37;letter-spacing:normal}}.section-playlist .playlist-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(min-width: 768px){.section-playlist .playlist-list{margin-right:-10px;margin-left:-10px}}.section-playlist .playlist-wrapper{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding-bottom:10px}@media(max-width: 767px){.section-playlist .playlist-wrapper:nth-child(2n){padding-left:5px}.section-playlist .playlist-wrapper:nth-child(2n+1){padding-right:5px}}@media(min-width: 768px){.section-playlist .playlist-wrapper{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;padding-right:10px;padding-left:10px}}@media(min-width: 768px){.section-playlist .playlist-wrapper p{font-size:21px}}.section-playlist .playlist-wrapper p a,.section-playlist .playlist-wrapper p a:hover,.section-playlist .playlist-wrapper p a:link,.section-playlist .playlist-wrapper p a:visited{color:#fff}.section-playlist .playlist{position:relative;overflow:hidden;border:1px solid #999}.section-playlist .playlist .overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1}@media(min-width: 768px){.section-playlist .playlist .overlay{font-size:16px;font-weight:normal;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;-webkit-transition:opacity .25s;transition:opacity .25s;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:0;color:#fff;background-color:rgba(17,17,17,.9)}}@media(min-width: 992px){.section-playlist .playlist .overlay{font-size:21px}}.section-playlist .playlist .overlay .artist,.section-playlist .playlist .overlay .name{display:none}@media(min-width: 768px){.section-playlist .playlist .overlay .artist,.section-playlist .playlist .overlay .name{display:block;overflow:hidden;width:100%;margin:0;white-space:nowrap;text-overflow:ellipsis}}.section-playlist .playlist .overlay .btn-play{display:block;width:100%;height:100%;cursor:pointer;text-decoration:none}@media(min-width: 768px){.section-playlist .playlist .overlay .btn-play{width:64px;height:64px;margin-top:15px;background-image:url("../images/play.svg")}}.section-playlist .playlist:hover .overlay{opacity:1}.section-playlist .cover{display:block;width:100%;height:auto}.section-faq{padding-top:80px;padding-bottom:120px;background-color:#111}.section-faq .title{font-size:42px;font-weight:600;margin:0 0 16px;text-align:center;color:#ca9c7a}@media(min-width: 768px){.section-faq .title{font-size:40px;letter-spacing:5px}}.section-faq .subtitle{text-align:center}.section-faq .faq-list{margin-top:80px}.section-faq .faq{margin:0 auto;max-width:1000px;line-height:1.5;font-weight:400}.section-faq .question-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px 24px;background-color:#232323;border-radius:8px;cursor:pointer}.section-faq .question-section .question{position:relative;margin-right:24px;width:85%}.section-faq .question-section .arrow{width:18px;height:auto;-webkit-transition:-webkit-transform .4s linear;transition:-webkit-transform .4s linear;transition:transform .4s linear;transition:transform .4s linear, -webkit-transform .4s linear}.section-faq .answer{overflow:hidden;max-height:0;margin-bottom:12px;padding:0 24px;-webkit-transition:max-height .4s cubic-bezier(0, 1, 0, 1),margin .4s;transition:max-height .4s cubic-bezier(0, 1, 0, 1),margin .4s;color:#b4b4b4}@media(min-width: 768px){.section-faq .answer{line-height:1.47;letter-spacing:1px}}.section-faq .answer .link{text-decoration:none;color:#ca9c7a}.section-faq .answer .link:hover{text-decoration:underline}.section-faq .faq.active .question-section{background-color:#4b4b4b}.section-faq .faq.active .question-section .arrow{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.section-faq .faq.active .answer{margin-top:24px;margin-bottom:24px;max-height:380px}.section-faq .to-top-btn-section{margin-top:52px;text-align:center}.section-faq .to-top-btn-section .to-top-btn{font-weight:600;color:#ca9c7a;cursor:pointer}.section-faq .to-top-btn-section .to-top-btn:hover{text-decoration:underline}.btn{font-size:18px;font-weight:600;width:305px;max-width:100%;height:49px;color:#151618;border-width:2px;border-radius:40px;background-color:#ca9c7a;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .25s,background-color .25s,border-color .25s;transition:color .25s,background-color .25s,border-color .25s;text-align:center;white-space:nowrap;text-decoration:none;-ms-touch-action:manipulation;touch-action:manipulation;margin-bottom:13px}@media(min-width: 768px){.btn{height:70px;min-width:126px;width:auto;padding-left:47px;padding-right:47px;margin:0 30px}}.btn:hover,.btn:focus{text-decoration:none;color:#fff;background-color:#905c35}.action{text-align:center}.alert{position:fixed;top:10px;width:100%;text-align:center;color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;padding:15px;margin:0 auto;border:1px solid rgba(0,0,0,0);border-radius:4px;opacity:1;-webkit-transition:opacity 6s ease-in;transition:opacity 6s ease-in;z-index:100}.alert.alert--loaded{opacity:0}