@charset "UTF-8";html,html body{overflow:hidden;padding:0;margin:0}section#menu,section#players{width:100vw;padding:10px 0 15px;transition:bottom .3s ease-in-out;box-shadow:0 -2px 10px 0 rgba(0,0,0,.5)}#forCountdown,#forFrame,#forYT,.radio-info,section#disclaimer,section#policy{top:50%;right:50%;width:calc(100% - 30px);max-width:500px;transform:translateX(50%) translateY(-50%);box-shadow:0 0 10px 10px rgba(0,0,0,.2);padding:10px}html{font-family:"PingFang TC","蘋方-繁","DROID SANS FALLBACK","Noto Sans TC",sans-serif;background:#0f2027;background:-webkit-linear-gradient(to bottom,#2c5364,#203a43,#0f2027);background:linear-gradient(to bottom,#2c5364,#203a43,#0f2027);background-attachment:fixed;font-weight:300}html ::-webkit-scrollbar{display:none;width:8px;background:#0f2027;background:-webkit-linear-gradient(to bottom,#2c5364,#203a43,#0f2027);background:linear-gradient(to bottom,#2c5364,#203a43,#0f2027)}html ::-webkit-scrollbar-track{background:0 0}html ::-webkit-scrollbar-thumb{background:#838e93;border-radius:10px}html ::-webkit-scrollbar-thumb:hover{background:#636b6f}html body{position:relative;width:100%;height:100vh}html body h2,html body h3,section#choice .container .choice-radio input[type=radio]:checked+label h3{font-weight:500}html .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40}section#anounce{position:fixed;height:90%;width:90%;max-height:900px;max-width:500px;bottom:50%;left:50%;transform:translateY(50%) translateX(-50%);padding:10px;-webkit-backdrop-filter:blur(10px) brightness(130%);backdrop-filter:blur(20px) brightness(130%);z-index:999;border-radius:15px}section#anounce .close-anounce{color:#fff;cursor:pointer}section#anounce.hidden,section#choice .container .choice-radio input{display:none}header{display:flex;padding:10px 15px;margin:0;border-bottom:1px solid rgba(255,255,255,.8);height:40px;align-items:center;justify-content:space-between}header a.logo,header a.logo img{height:100%}header button.menu-btn{background:0 0;border:none;color:#fff;cursor:pointer}section#choice{color:#fff;padding-top:5px;height:calc(100% - 40px);overflow-Y:scroll}section#choice .container{padding-bottom:160px}section#choice .container .choice-radio{position:relative;display:flex;align-items:center;cursor:pointer;color:#ccc}section#choice .container .choice-radio label{display:inline-flex;align-items:center;cursor:pointer;padding:10px;width:100%}section#choice .container .choice-radio label img{height:50px;width:50px;margin:10px;border-radius:3px}section#choice .container .choice-radio label h3,section#choice .container .choice-radio label p{font-weight:300;margin:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}section#choice .container .choice-radio label h3{font-size:1em}section#choice .container .choice-radio label p{font-size:.8em;margin:0 5px;padding:5px 0}section#choice .container .choice-radio label p span{border:1px solid #ccc;padding:0 6px;margin:0 6px 0 0;border-radius:3px}section#choice .container .choice-radio label p.save-radio span{border:none;padding:0;margin:0;border-radius:0}section#choice .container .choice-radio input[type=radio]:checked+label{color:#fff;-webkit-backdrop-filter:brightness(150%);backdrop-filter:brightness(150%)}section#choice .container .choice-radio input[type=checkbox]+label{width:30px;justify-content:flex-end;cursor:pointer}section#choice .container .choice-radio input[type=checkbox]+label span{font-variation-settings:"FILL" 0,"GRAD" -25}section#choice .container .choice-radio input[type=checkbox]:checked+label span{font-variation-settings:"FILL" 1,"GRAD" -25}section#choice .filter-bar{padding:0 10px;white-space:nowrap;overflow-x:auto}section#choice .filter-bar::-webkit-scrollbar{display:none}section#choice .filter-bar .filter-btn{white-space:nowrap;display:inline;margin:10px 5px;background:0 0;border:1px solid #fff;color:#fff;padding:6px 12px;border-radius:10px;cursor:pointer}section#players{position:fixed;height:90%;bottom:calc(-90% + 110px);-webkit-backdrop-filter:blur(10px) brightness(130%);backdrop-filter:blur(20px) brightness(130%);border-top-left-radius:20px;border-top-right-radius:20px}section#players .close{position:absolute;top:20px;right:20px;color:#fff;z-index:999;font-size:40px;font-variation-settings:"FILL" 1,"wght" 200,"GRAD" 200,"opsz" 40;cursor:pointer;transform:rotate(0);transition:transform .3s ease-in-out}section#players .container{display:flex;position:relative;width:100%;align-items:center;height:110px;padding:0 10px}.btn-hidden,.radio-info,section#menu .container .member-section .setpassword.hidden,section#menu .container .member-section.hidden,section#menu .container button.hidden,section#menu .container button.mem-btn.hidden,section#players .container .info .button.open-info,section#players .container .info .contraler .button.open-link-btn,section#players .plyr{display:none}section#players .container .radio{z-index:99;margin-top:10px;width:90px}section#players .container .radio img{border-radius:5px;width:200px;height:200px;margin:10px 0 10px 10px;transform-origin:0;transform:scale(.4);transition:transform .4s ease-in-out;cursor:pointer}section#players .container .info{flex-grow:1;padding:10px 0;color:#fff;overflow:hidden}section#players .container .info h2{position:relative;margin:5px 10px 5px 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;order:3;font-size:1.25em;max-width:calc(100% - 85px)}section#players .container .info h5{display:none;margin:5px auto 25px;order:2;font-weight:300}section#players .container .info .button.open-info .contral-btn,section#players .container .info .contraler .button .contral-btn{background:0 0;color:#fff;text-align:left;cursor:pointer;border:none}section#players .container .info .button.open-info .contral-btn span,section#players .container .info .contraler .button .contral-btn span{font-size:40px}section#players .container .info .contraler{order:1;display:flex;align-items:center;margin:15px 25px 0 0}.radio-info{position:fixed;color:#fff;max-height:500px;border-radius:15px;-webkit-backdrop-filter:blur(100px) brightness(100%);backdrop-filter:blur(100px) brightness(100%);z-index:999}.radio-info.show-popup,section#disclaimer.show-popup,section#players.open .container .info .contraler .button.open-link-btn .open_in_new,section#policy.show-popup{display:block}.radio-info .close-info{position:relative;color:#ccc;cursor:pointer;z-index:10;display:block;text-align:right}.radio-info .content{padding:5px 10px 10px;position:relative}.radio-info .content span{position:relative;right:0;display:block;text-align:right}#forCountdown::before,#login-register::before,.radio-info::before,section#disclaimer::before,section#policy::before{content:"";position:fixed;width:250vw;height:250vh;top:-100vh;right:-100%;background:rgba(32,58,67,.3);z-index:-1}section#players.open{bottom:0;height:90%;-webkit-backdrop-filter:blur(30px) brightness(130%);backdrop-filter:blur(30px) brightness(130%)}section#players.open .close{transform:rotate(180deg)}section#players.open .container{height:100%;flex-wrap:wrap;justify-content:center;padding:0}section#players.open .container .radio{margin-top:40px;width:200px}section#players.open .container .radio img{margin:0;transform:none;transform-origin:center}section#players.open .container .radio img.plus-img{transform:scale(1.2)}section#players.open .container .info{width:100%;display:flex;text-align:center;flex-wrap:wrap;flex-direction:column-reverse;margin-bottom:20px;max-width:100vw}section#players.open .container .info h2{font-size:1.5em;margin:10px 0;width:100%;max-width:100%}section#players.open .container .info h5{display:block;width:100%;margin:0 0 15px}section#players.open .container .info .button.open-info{display:block;position:relative;margin:10px 0;max-width:100vw}section#players.open .container .info .button.open-info .contral-btn{margin:0 auto;text-align:center}section#players.open .container .info .contraler{display:flex;justify-content:space-evenly;width:100%}section#players.open .container .info .contraler .button .contral-btn{position:relative;width:auto;height:auto;margin:10px 25px 20px;border-radius:200px}section#players.open .container .info .contraler .button .contral-btn span{position:relative;top:2px}section#players.open .container .info .contraler .button.volume-btn{order:1}section#players.open .container .info .contraler .button.play-btn{order:2}section#players.open .container .info .contraler .button.open-link-btn{display:block;order:3;flex-grow:0}section#players.open .container .info .contraler .button .open_in_new span,section#players.open .container .info .contraler .button .volume_off span,section#players.open .container .info .contraler .button .volume_up span{font-size:30px}section#players.open .container .info .contraler .button .pause,section#players.open .container .info .contraler .button .play{background:rgba(255,255,255,.2);padding:10px}section#players.open .container .info .contraler .button .pause span,section#players.open .container .info .contraler .button .play span{font-size:55px}section#players.open .container .info .contraler .button .open_in_new{margin:20px 25px;flex-grow:0;text-align:center}section#menu{position:fixed;bottom:-100vh;overflow:hidden;max-height:90%;-webkit-backdrop-filter:blur(50px) brightness(100%);backdrop-filter:blur(50px) brightness(100%);border-top-left-radius:20px;border-top-right-radius:20px}#forCountdown,#forFrame,#forYT,section#disclaimer,section#policy{max-height:500px;border-radius:15px}section#disclaimer .close-menu,section#menu .close-menu,section#policy .close-menu{position:absolute;right:15px;top:15px;color:#ccc;cursor:pointer}section#menu .container{height:calc(90vh - 90px);margin:20px 20px 75px;color:#fff;overflow-y:scroll}section#menu .container .menu-section{margin-bottom:25px}section#menu .container h2{margin:5px 0}section#menu .container button{background:0 0;border:1px solid #fff;color:#fff;padding:6px 15px;cursor:pointer}#login-register .change input[name=login-register]:checked+label.change-btn,#login-register .input-block input[type=submit]:hover,section#menu .container button:hover{background:#fff;color:#0f2027}section#menu .container button.mem-btn{margin:10px 10px 0 0}section#menu .container button.mem-btn#loginBtn{margin:25px 0}section#menu .container .member-section .setpassword{margin-top:15px;padding:15px;border:1px solid #fff}section#menu .container .member-section .setpassword input[type=password]{background:0 0;border:1px solid #fff;padding:7.5px 15px;color:#fff;margin-bottom:10px;width:calc(100% - 30px)}section#menu .container .member-section .setpassword input[type=password]::placeholder{color:#ddd}section#menu .container .member-section .setpassword button{margin:0 10px 0 0}section#menu .container p{margin:5px}section#menu .container p a{text-decoration:none;color:#fff;border-bottom:1px solid #fff;padding-bottom:1px}section#menu p.statement{position:absolute;margin-top:15px;width:100%;text-align:center;font-size:.8em;color:#fff;bottom:45px}section#menu p.statement a{text-decoration:none;color:#fff;cursor:pointer}section#menu p.statement.copy-right{bottom:20px}section#menu.open{bottom:0}section#disclaimer,section#policy{position:fixed;display:none;color:#fff;height:90%;-webkit-backdrop-filter:blur(100px) brightness(100%);backdrop-filter:blur(100px) brightness(100%);z-index:999}section#disclaimer ::-webkit-scrollbar,section#policy ::-webkit-scrollbar{display:none}section#disclaimer .content,section#policy .content{height:calc(100% - 50px);overflow-y:auto;line-height:1.5;margin:35px 10px 15px;border-radius:15px}section#disclaimer .content h2,section#policy .content h2{margin-top:0}section#disclaimer .content a,section#policy .content a{color:#fff;border-bottom:1px solid #fff;padding-bottom:1px;text-decoration:none}#forFrame,#forYT{position:fixed;color:#fff;overflow:hidden;-webkit-backdrop-filter:blur(50px) brightness(100%);backdrop-filter:blur(50px) brightness(100%)}#forCountdown ul li input.countdown-select,#forCountdown.hidden,#forFrame.hidden,#forYT.hidden,#login-register .change input[name=login-register],#login-register .input-block.hidden,#login-register.hidden,.filter-window.hidden{display:none}#forFrame .close-menu,#forYT .close-menu{position:absolute;top:15px;right:15px;cursor:pointer}#forFrame p,#forYT p{text-align:center;margin:20px 10px 10px}#forYT .video-container{position:relative;padding-bottom:calc(56.25% - 17px);padding-top:30px;height:0;overflow:hidden;border-radius:5px}#forYT .video-container embed,#forYT .video-container iframe,#forYT .video-container object{position:absolute;top:0;left:0;width:100%;height:100%}#forCountdown{position:fixed;color:#fff;-webkit-backdrop-filter:blur(100px) brightness(100%);backdrop-filter:blur(100px) brightness(100%)}#forCountdown .close-countdown{display:block;position:relative;text-align:right}#forCountdown h4,#forCountdown p{text-align:center;padding:0;margin:5px}#forCountdown ul{text-align:center;padding-left:0}#forCountdown ul li{list-style:none}#forCountdown ul li label{display:block;color:#ddd;width:100%;padding:5px 0;margin:5px 0;cursor:pointer}#forCountdown ul li input.countdown-select:checked+label{color:#fff;font-weight:700;-webkit-backdrop-filter:blur(50px) brightness(150%);backdrop-filter:blur(50px) brightness(150%);background:rgba(255,255,255,.1);border-radius:5px}#forCountdown input{display:block;position:relative;text-align:center;background:0 0;border:1px solid #fff;padding:5px 25px;border-radius:50px;font-size:1.1em;color:#fff;margin:10px auto 20px;cursor:pointer}#login-register,.filter-window{top:50%;right:50%;width:calc(100% - 30px);max-width:500px;transform:translateX(50%) translateY(-50%);border-radius:15px;box-shadow:0 0 10px 10px rgba(0,0,0,.2);color:#fff;position:fixed;padding:10px}.filter-window{max-height:500px;-webkit-backdrop-filter:blur(50px) brightness(100%);backdrop-filter:blur(50px) brightness(100%);z-index:999}.add-to-home,.add-to-home:before{left:50%;transform:translateX(-50%)}.filter-window ul{padding-left:0}.filter-window ul li{list-style:none;text-align:center;padding:5px;cursor:pointer}.filter-window ul li.in-choice{background:rgba(255,255,255,.2);border-radius:10px}.filter-window h3{text-align:center}.filter-window::before{content:"";position:fixed;width:250vw;height:250vh;top:-100%;right:-100%;background:rgba(32,58,67,.3);z-index:-1}#login-register{height:500px;-webkit-backdrop-filter:blur(100px) brightness(100%);backdrop-filter:blur(100px) brightness(100%);z-index:999}#login-register .close-login-register{display:block;position:relative;text-align:right;cursor:pointer;color:#ccc}#login-register .change{display:flex;width:80%;text-align:center;margin:15px auto}#login-register .change .change-btn{display:inline-block;background:0 0;color:#fff;border-bottom:2px solid #fff;padding:10px 0;width:50%;font-size:1.2em;cursor:pointer}#login-register .input-block{width:80%;margin:15px auto 20px;text-align:center}#login-register .input-block input{background:0 0;border:1px solid #fff;padding:10px;width:calc(100% - 20px);margin:10px 0;color:#fff}#login-register .input-block input::placeholder{color:#ddd}#login-register .input-block input[type=submit]{border:2px solid #fff;margin:15px auto;text-align:center;font-size:1.05em;cursor:pointer;width:auto;padding:10px 25px}#login-register .input-block #forgetPasspord{margin-top:10px;color:#ddd;border-bottom:1px solid #ddd;cursor:pointer}#login-register .input-block .social-btns{display:flex;justify-content:space-between;margin-bottom:10px}#login-register .input-block .social-btns .social-btn{background:0 0;border:none;padding:3px 15px 0;cursor:pointer;width:50%;border-radius:3px}#login-register .input-block .social-btns .social-btn.google{background:#fff;margin-right:5px}#login-register .input-block .social-btns .social-btn.facebook{background:#039be5;margin-left:5px}#login-register .input-block .social-btns .social-btn.twitter{background:#03a9f4}.add-to-home{position:fixed;bottom:25px;background:#ddd;text-align:center;border-radius:15px;padding:10px;color:#0f2027;font-size:1.2em;width:50%;opacity:0;transition:bottom 1s ease-in-out,opacity 1s ease-in-out;z-index:-1}.add-to-home .close-add-to-home{display:block;position:absolute;top:5px;right:5px;text-align:right;cursor:pointer}.add-to-home p{margin:7px}.add-to-home:before{border-color:#ddd transparent transparent;border-style:solid;border-width:20px;bottom:-39px;content:"";height:0;position:absolute;width:0}.add-to-home.show{opacity:1;bottom:45px;z-index:999}@media screen and (min-width:900px){header,section#choice{position:absolute;right:0}header{width:calc(65% - 30px)}section#choice{width:65%;top:60px}section#choice #radioList{padding-bottom:40px}section#players,section#players.open{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:35%;max-height:100%;bottom:0;border-radius:0 20px 20px 0;padding:0}section#players .close,section#players.open .close{display:none}section#players .container,section#players.open .container{margin:50px 0;padding:0;flex-direction:column;justify-content:center;align-content:center;flex-wrap:wrap;height:auto}section#players .container .radio,section#players.open .container .radio{width:100%;text-align:center}section#players .container .radio img,section#players.open .container .radio img{margin:0 auto;transform-origin:center;transform:scale(1)}section#players .container .info,section#players.open .container .info{text-align:center;flex-grow:0;width:100%}section#players .container .info h2,section#players.open .container .info h2{padding:0;margin:0;max-width:100%}section#players .container .info h5,section#players.open .container .info h5{display:block}section#players .container .info .contraler,section#players.open .container .info .contraler{margin:0;justify-content:center}section#players .container .info .contraler .button,section#players.open .container .info .contraler .button{margin:10px}section#players .container .info .contraler .button .contral-btn,section#players.open .container .info .contraler .button .contral-btn{margin:0}section#players .container .info .contraler .button.open-link-btn,section#players.open .container .info .contraler .button.open-link-btn{display:block;order:3;flex-grow:0}section#players .container .info .contraler .button.volume-btn,section#players.open .container .info .contraler .button.volume-btn{order:1}section#players .container .info .contraler .button.play-btn,section#players.open .container .info .contraler .button.play-btn{order:2}section#players .container .info .contraler .button .open-link-btn span,section#players .container .info .contraler .button .volume_off span,section#players .container .info .contraler .button .volume_up span,section#players.open .container .info .contraler .button .open-link-btn span,section#players.open .container .info .contraler .button .volume_off span,section#players.open .container .info .contraler .button .volume_up span{font-size:30px}section#players .container .info .contraler .button .pause,section#players .container .info .contraler .button .play,section#players.open .container .info .contraler .button .pause,section#players.open .container .info .contraler .button .play{background:rgba(255,255,255,.2);padding:10px;border-radius:100%}section#players .container .info .contraler .button .pause span,section#players .container .info .contraler .button .play span,section#players.open .container .info .contraler .button .pause span,section#players.open .container .info .contraler .button .play span{position:relative;top:2px;font-size:55px}}