a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}img{max-width:100%;height:auto}a{text-decoration:none}a,a:hover{color:inherit}.wrap{background-color:#1a1a1a;color:#fff;font-family:"Noto Sans TC",sans-serif}.container{padding:15px}.p-relative{position:relative}@media (max-width:767px){.m-none{display:none!important}}.menu{display:none;padding:10px}@media (max-width:767px){.menu{display:block}}.tx-primary{color:#de5246!important}.tx-light{color:#fff!important}.dark-hover{position:relative}.dark-hover:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);opacity:0;transition:all .4s}.dark-hover:hover:after{opacity:1}.breadcrumb{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:1.25rem;margin-bottom:50px}.breadcrumb a:hover{color:#7a7f8a}.breadcrumb .fa-chevron-right{margin:0 10px;color:#7a7f8a}.around-gradient{position:relative}.around-gradient:after{content:"";position:absolute;bottom:0;height:70%;left:0;right:0;background-image:linear-gradient(0deg,#1a1a1a,hsla(0,0%,100%,0))}.around-gradient:before{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background-image:linear-gradient(90deg,#1a1a1a,hsla(0,0%,100%,0))}@media (max-width:576px){.around-gradient:before{background-image:linear-gradient(180deg,#1a1a1a,hsla(0,0%,100%,0));width:100%;height:300px}}.above-gradient{z-index:5}.blur{opacity:.2}.d-none{display:none}header{position:absolute;z-index:9;width:100%}.preheader{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.logo{font-size:3rem;font-weight:900;font-family:"Fjalla One",sans-serif;line-height:1.4}.logo .fas{color:#de5246;margin-right:5px}@media (max-width:1100px){.logo{font-size:2.25rem}}@media (max-width:767px){.logo{font-size:1.5rem}}.searchbar{display:block;width:100%;border-radius:500px;padding:10px 20px;background-color:#e1e1e1;outline:none;border:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1);background-color:hsla(0,0%,88.2%,.4);transition:all .3s;color:#fff}.searchbar::-webkit-input-placeholder{color:#fff}.searchbar:-ms-input-placeholder{color:#fff}.searchbar::placeholder{color:#fff}.searchbar:focus,.searchbar:hover{background-color:#fff;color:#000}.searchbar:focus::-webkit-input-placeholder,.searchbar:hover::-webkit-input-placeholder{color:#000}.searchbar:focus:-ms-input-placeholder,.searchbar:hover:-ms-input-placeholder{color:#000}.searchbar:focus::placeholder,.searchbar:hover::placeholder{color:#000}.searchbar:focus+.fa-search,.searchbar:hover+.fa-search{color:#000}.fa-search{position:absolute;top:10px;right:13px}.loginBtn{background-color:hsla(0,0%,100%,0);color:#fff;border:2px solid #fff;padding:7px 10px;border-radius:500px;outline:none;transition:all .3s;box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1);margin-left:10px;text-align:center}.loginBtn .google{transition:all .5s;margin-right:5px;-webkit-transform:translate(70%);transform:translate(70%);opacity:0}.loginBtn:hover{color:#000;background-color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.loginBtn:hover .google{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.loginBtn .mobile{display:none}@media (max-width:767px){.loginBtn .mobile{display:block;opacity:1;border-radius:50%;-webkit-transform:translate(0);transform:translate(0);margin:0}}.loginBtn.active{color:#000;background-color:#fff}.loginGroup{-webkit-align-items:center;align-items:center}.loginGroup,header .navbar{display:-webkit-flex;display:flex}header .navbar{margin-top:10px}header .navbar a{display:block;padding:17px 0;margin:0 40px 0 0;border-bottom:4px solid transparent}header .navbar a:hover{border-bottom-color:#7a7f8a;color:#7a7f8a}@media (max-width:576px){header .navbar{-webkit-justify-content:space-between;justify-content:space-between}header .navbar a{margin:0}}.concept{padding:30px 40px;background-color:#7a7f8a}.concept h3{font-size:1.5rem;font-family:"Fjalla One",sans-serif;margin-bottom:10px}.concept p{line-height:1.5}.footer-nav{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:20px 0}.footer-nav .footer-logo{font-size:1.25rem;margin-right:10px;font-family:"Fjalla One",sans-serif}.footer-nav .fas{margin-right:10px}.footer-nav .navbar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.footer-nav .navbar a{display:block;margin:0 10px}.footer-nav .navbar a:hover{color:#7a7f8a}.footer-nav .copyright-statement{color:#7a7f8a;margin-left:10px}.footer-nav .copyright-statement:hover{color:#fff}@media (max-width:1100px){.footer-nav .copyright-statement{margin-top:10px}}@media (max-width:1100px){.footer-nav{display:block;text-align:center}.footer-nav .navbar{margin:15px 0;-webkit-justify-content:center;justify-content:center}.footer-nav .footer-logo{margin-right:0}}@media (max-width:576px){.footer-nav .navbar a{margin:10px 5px}}.card,.card img{display:block;width:100%}.card img{height:100%;object-fit:cover;border-radius:5px}.card .card-title{margin-top:10px;font-size:1.125rem;line-height:1.5}.card .card-description{display:block;color:#7a7f8a;margin:10px 0}.topSlider .swiper-container{width:100%;height:75vh}@media (max-width:576px){.topSlider .swiper-container{padding-top:40px;height:75vh}}.topSlider .swiper-container .topSlider-card{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10%;background-repeat:no-repeat;background-size:cover;background-position:50%}.topSlider .swiper-container .topSlider-title{font-size:3rem;line-height:1.5;margin-bottom:20px}@media (max-width:576px){.topSlider .swiper-container .topSlider-title{font-size:1.5rem}}.topSlider .swiper-container .topSlider-subtitle{color:#7a7f8a;margin-bottom:20px}@media (max-width:576px){.topSlider .swiper-container .topSlider-subtitle{color:#fff}}.topSlider .swiper-container .topSlider-content{font-size:1.25rem;line-height:1.5}@media (max-width:576px){.topSlider .swiper-container .topSlider-content{display:none}}.topSlider .swiper-container .above-gradient{max-width:500px}@media (max-width:576px){.topSlider .swiper-container .above-gradient{margin-left:20px}}.topSlider .swiper-container .swiper-button-next,.topSlider .swiper-container .swiper-button-prev{color:#fff}.topSlider .swiper-container .swiper-button-next:after,.topSlider .swiper-container .swiper-button-prev:after{font-size:1.875rem}.filmSlider{margin:40px 0}.filmSlider .swiper-button-next,.filmSlider .swiper-button-prev{color:#fff;background-color:rgba(26,26,26,.5);top:0;bottom:0;height:100%;width:2%;margin-top:0}.filmSlider .swiper-button-next:after,.filmSlider .swiper-button-prev:after{font-size:1.25rem}.filmSlider .swiper-button-next{right:0}.filmSlider .swiper-button-prev{left:0}.filmSlider-title{font-size:1.5rem;margin:30px 0;font-weight:600}.findBanner-title{margin-bottom:30px;font-size:1.875rem;text-align:center;text-transform:uppercase}@media (max-width:576px){.findBanner-title{font-size:1.25rem}}.findBanner{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;text-align:center;max-width:1300px;margin:0 auto}.findBanner a{display:block;width:49.5%;font-size:3rem;text-transform:uppercase;box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1);font-family:"Fjalla One",sans-serif;transition:all .3s;padding:1rem 0}@media (max-width:576px){.findBanner a{font-size:1.25rem}}.findBanner .random{background-color:#de5246;border-radius:10px 0 0 10px}.findBanner .random:hover{background-color:#cd3224}.findBanner .filter{background-color:#fff;color:#de5246;border-radius:0 10px 10px 0}.findBanner .filter:hover{background-color:#e6e6e6}.filmShow{padding:180px 100px;position:relative}@media (max-width:767px){.filmShow{padding:180px 30px}}.bg-img{position:absolute;width:100%;height:800px}@media (max-width:767px){.bg-img{height:500px}}.bg-img img{width:100%;height:100%;object-fit:cover}.filmShow-main{max-width:900px}@media (max-width:767px){.filmShow-main{max-width:100%}}.filmShow-head{display:-webkit-flex;display:flex}@media (max-width:576px){.filmShow-head{display:block}}.filmShow-head img{max-width:200px;border-radius:3px;box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1)}.filmShow-head .filmShow-title{margin-left:30px}@media (max-width:576px){.filmShow-head .filmShow-title{margin:20px 0}}.filmShow-head .filmShow-title h1{font-size:2.25rem;margin-bottom:10px}.filmShow-head .filmShow-title p{line-height:2}.filmShow-body{margin-top:30px;line-height:1.5;padding:50px 0}.filmShow-body p{margin-bottom:30px;font-size:1.25rem}.metaDetail{margin:30px 0}.metaDetail h4{color:#7a7f8a;font-size:1.5rem;margin-bottom:10px}.playBtn,.shareBtns{margin-top:30px}.playBtn{display:inline-block;border:1px solid #fff;padding:20px;border-radius:500px;transition:all .3s}.playBtn:hover{background-color:#fff;color:#1a1a1a}.playBtn .fa-play{margin-right:10px}.filmList{padding-top:163px}.filmList-title{font-size:2.25rem;padding-left:8px;color:#de5246}.filmList-title .mark{margin-left:10px;color:#fff;font-size:3rem}@media (max-width:576px){.filmList-title .mark{display:block;margin:10px 0 0}}.filmList-body{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.filmList-body li{width:16.6%;padding:30px 8px}@media (max-width:1100px){.filmList-body li{width:20%}}@media (max-width:767px){.filmList-body li{width:25%;padding:30px 5px}}@media (max-width:576px){.filmList-body li{width:50%}}.filmList-body .card{text-align:center}.filmRandom{padding-top:163px;min-height:calc(100vh - 178px)}.filmRandom h1{margin:50px auto;font-size:4rem;font-weight:600;font-family:"Fjalla One",sans-serif;text-align:center}@media (max-width:576px){.filmRandom h1{text-align:center;margin:20px 0}}.filmRandom-searchBar{margin:50px auto;max-width:1100px}@media (max-width:576px){.filmRandom-searchBar{margin:20px 0}}.tabBtnList{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:50px;color:#de5246}.tabBtnList :first-child{margin-right:5px}.tabBtnList .tabBtn{transition:all .1s;font-family:"Fjalla One",sans-serif;display:block;padding:20px 30px;font-size:2.25rem;border-radius:100px;margin-top:10px;cursor:pointer}.tabBtnList .tabBtn:hover{background-color:#de5246;color:#fff}@media (max-width:576px){.tabBtnList .tabBtn{font-size:1.5rem}}.tabBtnList .tabBtn.active{background-color:#de5246;color:#fff}.tab{-webkit-flex-grow:1;flex-grow:1}.tab-item{max-width:800px;text-align:center;margin:0 auto}.tab-item p{font-size:1.875rem;margin-bottom:20px;line-height:2}@media (max-width:576px){.tab-item p{font-size:1.5rem}}.tab-random .randomBtn{width:100%;border:none;outline:none;font-size:1.5rem;padding:20px 0;background-color:#fff;color:#de5246;box-shadow:0 0 10px 4px hsla(0,0%,66.7%,.6);font-family:"Fjalla One",sans-serif;border-radius:10px;cursor:pointer;transition:all .25s}@media (max-width:576px){.tab-random .randomBtn{font-size:1.25rem}}.tab-random .randomBtn:hover{background-color:#de5246;color:#fff}.filmSearchBar{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;max-width:100%;margin:0 auto}.filmSearchBar select{width:33%;border:none;outline:none;font-size:1.5rem;padding:20px;cursor:pointer}@media (max-width:576px){.filmSearchBar select{font-size:1.25rem}}.filmSearchBar .first-radius{border-radius:10px 0 0 10px}.filmSearchBar .searchBtn{width:33%;border:none;outline:none;font-size:1.5rem;padding:20px 0;background-color:#de5246;color:#fff;font-family:"Fjalla One",sans-serif;border-radius:0 10px 10px 0;cursor:pointer}@media (max-width:576px){.filmSearchBar .searchBtn{font-size:1.25rem}}.randomCard .cards{-webkit-justify-content:center;justify-content:center;margin:50px 0;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}@media (max-width:576px){.randomCard .cards{-webkit-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:576px){.randomCard .card{width:100%!important}}.randomCard .header{font-size:1.5rem!important;margin-bottom:10px}.randomCard .description{line-height:1.5}.filmRandom-results .filmList-body{-webkit-justify-content:center;justify-content:center}.filmRandom-results .filmList-body li{width:18.3%;margin:2% 1px}@media (max-width:1100px){.filmRandom-results .filmList-body li{width:23%;padding:2% 1%}}@media (max-width:767px){.filmRandom-results .filmList-body li{width:31.33%;padding:30px 5px}}@media (max-width:576px){.filmRandom-results .filmList-body li{width:48%}}.filmRanking{padding-top:163px;position:relative;max-width:1000px;margin:0 auto}.filmRanking h1{margin:50px auto;font-size:4rem;font-weight:600;font-family:"Fjalla One",sans-serif}.rankingCard{background-color:#fff;color:#000;border-radius:5px;display:-webkit-flex;display:flex;padding:20px;margin-bottom:50px}.rankingCard .rankingCard-img{display:block;margin-right:20px;max-width:150px}.rankingCard .rankingCard-img img{border-radius:5px}@media (max-width:576px){.rankingCard .rankingCard-img{display:none}}.rankingCard .rankingCard-title{display:block;font-size:1.875rem;margin-bottom:20px;font-weight:600}.rankingCard .ranking-subtitle{margin-bottom:20px;color:#7a7f8a}.rankingCard .ranking-description{line-height:2}@media (max-width:576px){.rankingCard .ranking-description{display:none}}.rankingCard .rankingCard-body{-webkit-flex-grow:1;flex-grow:1}.wishlist{padding:163px 3rem 0;min-height:calc(100vh - 220px)}@media (max-width:1100px){.wishlist{min-height:calc(100vh - 350px)}}@media (max-width:767px){.wishlist{min-height:calc(100vh - 400px)}}@media (max-width:576px){.wishlist{min-height:calc(100vh - 460px);padding:163px 1rem 0}}.alertBlock{text-align:center}.alertBlock .alert{font-size:1.5rem;line-height:1.5}.wishlist-title{font-size:2.25rem;font-family:"Fjalla One",sans-serif;margin-bottom:2rem;margin-left:5px}.wishlist-cardGroup{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:50px}.wishlist-card{width:20%;padding:0 10px;margin-bottom:1rem}@media (max-width:1100px){.wishlist-card{width:25%}}@media (max-width:767px){.wishlist-card{width:33.33%}}@media (max-width:576px){.wishlist-card{width:50%}}.wishlist-card .card-img{display:block;width:100%;margin-bottom:10px;border-radius:7px;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1)}.wishlist-card .card-img img{width:100%;object-fit:cover}.wishlist-card .card-img:hover:before{content:"More";font-size:1.5em;position:absolute;top:calc(50% - .75em);left:calc(50% - 2ch);z-index:5;color:#fff}.wishlist-card .card-title{font-size:1.125rem;line-height:1.5}.wishlist-card .card-detail{font-size:1.125rem;color:#7a7f8a}
/*# sourceMappingURL=main.29b15996.chunk.css.map */