@charset "UTF-8";.main section.lists .inner .tabs .tablink{font-family:"Noto Serif TC"}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:16px;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}:focus{outline:0}*{position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{display:none!important;background-color:transparent!important}img{display:block}button{color:inherit;font-size:inherit;display:inline-block;border:none;background:0 0;padding:0;margin:0;text-decoration:none;cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none}a{text-decoration:none}.visibility-hidden{visibility:visible}.display-none{display:none}.display-none-i{display:none!important}.footer{position:relative;background:#a21323;display:block;padding:0 50px;height:150px}@media only screen and (max-width:560px){.footer{height:250px}}@media only screen and (max-width:480px){.footer{padding:0}}.footer .btns{position:relative;width:100%;height:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}@media only screen and (max-width:560px){.footer .btns{max-width:calc(100% - 50px)}}.footer .btns [class^=btn-]{width:64px;height:64px;margin:0 10px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}@media only screen and (max-width:560px){.footer .btns [class^=btn-]{width:calc(64px / 1.1);height:calc(64px / 1.1);margin:0 13px}}@media only screen and (min-width:480px){.footer .btns [class^=btn-]:hover{-webkit-transform:scale(1.087);-ms-transform:scale(1.087);transform:scale(1.087)}.footer .btns [class^=btn-]:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}}.footer .btns [class^=btn-].btn-line{background:transparent url(../img/icon-line.png) center center no-repeat;background-size:contain}.footer .btns [class^=btn-].btn-facebook{background:transparent url(../img/icon-facebook.png) center center no-repeat;background-size:contain}.header section.headline{width:100%;height:50px}@media only screen and (max-width:560px){.header section.headline{height:40px}}.header section.headline .inner{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding-left:2%}.header section.headline .inner .logo{width:91px;height:23px}@media only screen and (max-width:560px){.header section.headline .inner .logo{width:calc(91px / 1.23);height:calc(23px / 1.23)}}.header section.headline .inner .logo:before{content:"";width:100%;height:100%;display:block;background:url(../img/logo-pixnet-blue.png) center center no-repeat;background-size:contain}.header section.kv{top:0;height:450px;max-height:40vw;background:#eee;overflow:hidden}@media only screen and (min-width:1280px){.header section.kv{min-height:23vw}}@media only screen and (max-width:1000px){.header section.kv{max-height:48vw}}.header section.kv .inner{width:100%;height:100%}.header section.kv .inner .bg{display:block;width:100%;height:100%;background:url(../img/kv.jpg) center center no-repeat;background-size:cover}.header section.kv .inner .bg a{position:absolute;top:56%;left:45.8%;width:23.5vw;height:6.35vw}@media only screen and (min-width:1100px){.header section.kv .inner .bg a{width:260px;height:70px}}@media only screen and (min-width:1366px){.header section.kv .inner .bg a{left:47%}}@media only screen and (max-width:1366px){.header section.kv .inner .bg a{top:56%;left:46%}}@media only screen and (max-width:1000px){.header section.kv .inner .bg a{top:57.5%;left:45%}}@media only screen and (max-width:560px){.header section.kv .inner .bg a{width:27vw;height:9vw;top:56%;left:44.5%}}.header section.kv .inner .bg a:before{content:"";display:block;width:100%;height:100%;background:url(../img/kv-cta.png) center center no-repeat;background-size:contain;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.header section.kv .inner .bg a:hover:before{-webkit-transform:scale(1.023);-ms-transform:scale(1.023);transform:scale(1.023)}.header section.kv .inner .bg a:active:before{-webkit-transform:scale(.978);-ms-transform:scale(.978);transform:scale(.978)}html{width:100%;height:100%}body{position:relative;width:100%;min-height:100%;-webkit-text-size-adjust:none;font-size:16px;font-family:"微軟正黑體","Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-display:swap}@-webkit-keyframes fadeEffect{from{opacity:0}to{opacity:1}}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}@-webkit-keyframes breathing{0%{-webkit-transform:scale(.978) translateY(2px);transform:scale(.978) translateY(2px)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}60%{-webkit-transform:scale(.978) translateY(-2px);transform:scale(.978) translateY(-2px)}100%{-webkit-transform:scale(.978) translateY(2px);transform:scale(.978) translateY(2px)}}@keyframes breathing{0%{-webkit-transform:scale(.978) translateY(2px);transform:scale(.978) translateY(2px)}25%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}60%{-webkit-transform:scale(.978) translateY(-2px);transform:scale(.978) translateY(-2px)}100%{-webkit-transform:scale(.978) translateY(2px);transform:scale(.978) translateY(2px)}}@-webkit-keyframes keep2scale{100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes keep2scale{100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes keep2right{100%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes keep2right{100%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes keep2twitch{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39062deg) skewY(.39062deg);transform:skewX(.39062deg) skewY(.39062deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}@keyframes keep2twitch{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39062deg) skewY(.39062deg);transform:skewX(.39062deg) skewY(.39062deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}.main section.lists{margin:40px auto 50px}@media only screen and (max-width:560px){.main section.lists{margin-top:30px}}.main section.lists .inner .cats,.main section.lists .inner .tabs{max-width:1280px;margin:0 auto}@media only screen and (max-width:1330px){.main section.lists .inner .cats,.main section.lists .inner .tabs{max-width:95%}}.main section.lists .inner .tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:scroll;overflow-y:hidden;text-align:center;margin:0 auto 40px;-webkit-overflow-scrolling:touch}.main section.lists .inner .tabs::-webkit-scrollbar{display:none}@media only screen and (max-width:768px){.main section.lists .inner .tabs{max-width:unset;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding:0 2.5%}}@media only screen and (max-width:560px){.main section.lists .inner .tabs{margin-bottom:30px}}.main section.lists .inner .tabs .tablink{font-size:1.4rem;font-weight:700;letter-spacing:4px;padding-bottom:15px;width:280px;border-bottom:2px solid #c7c7c7;color:#c7c7c7;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}@media only screen and (max-width:900px){.main section.lists .inner .tabs .tablink{font-size:1.2rem;padding-bottom:13px;max-width:calc(100% / 4)}}@media only screen and (max-width:768px){.main section.lists .inner .tabs .tablink{font-size:1.4rem;max-width:unset;min-width:220px;letter-spacing:3px}}@media only screen and (max-width:640px){.main section.lists .inner .tabs .tablink{padding-bottom:10px;min-width:210px;letter-spacing:2px}}@media only screen and (max-width:560px){.main section.lists .inner .tabs .tablink{font-size:1.2rem;min-width:200px;letter-spacing:2.5px}}@media only screen and (max-width:480px){.main section.lists .inner .tabs .tablink{padding-bottom:7px;min-width:210px;letter-spacing:2px}}.main section.lists .inner .tabs .tablink:after,.main section.lists .inner .tabs .tablink:before{content:"";position:absolute;left:0;bottom:-2px;width:100%;display:block;background:#a21323;opacity:0;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.main section.lists .inner .tabs .tablink:before{width:19px;height:9px;left:50%;margin-left:-13px;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}@media only screen and (max-width:480px){.main section.lists .inner .tabs .tablink:before{height:8px}}.main section.lists .inner .tabs .tablink:after{height:3px;-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}.main section.lists .inner .tabs .tablink.active{color:#201513}.main section.lists .inner .tabs .tablink.active:after,.main section.lists .inner .tabs .tablink.active:before{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.main section.lists .inner .tabs .tablink.active:before{-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s}.main section.lists .inner .tabs .tablink.active:after{-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}.main section.lists .inner .tabs .tablink:hover{color:#201513}.main section.lists .inner .cats{display:none;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:30px 20px;-webkit-animation:fadeEffect .78s;animation:fadeEffect .78s}@media only screen and (max-width:900px){.main section.lists .inner .cats{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:480px){.main section.lists .inner .cats{gap:15px 12px}}.main section.lists .inner .cats .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:350px;margin:0;overflow:hidden;border-radius:0 0 5px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#e3e3e3;font-size:.95rem;font-weight:700;color:#201513;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s}@media only screen and (max-width:1280px){.main section.lists .inner .cats .item{height:100vh;max-height:30vw}}@media only screen and (max-width:900px){.main section.lists .inner .cats .item{max-height:35vw}}@media only screen and (max-width:768px){.main section.lists .inner .cats .item{max-height:50vw}}@media only screen and (max-width:640px){.main section.lists .inner .cats .item{max-height:70vw}}@media only screen and (max-width:560px){.main section.lists .inner .cats .item{max-height:90vw}}.main section.lists .inner .cats .item .img{display:block;height:100%;overflow:hidden}.main section.lists .inner .cats .item .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.main section.lists .inner .cats .item .description{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:90%;height:100%;max-height:120px;text-align:center}@media only screen and (max-width:1280px){.main section.lists .inner .cats .item .description{width:95%;max-height:110px}}@media only screen and (max-width:768px){.main section.lists .inner .cats .item .description{width:90%;max-height:130px}}@media only screen and (max-width:640px){.main section.lists .inner .cats .item .description{max-height:150px}}@media only screen and (max-width:560px){.main section.lists .inner .cats .item .description{width:87%;max-height:200px}}@media only screen and (max-width:480px){.main section.lists .inner .cats .item .description{width:95%}}.main section.lists .inner .cats .item .description p{font-size:inherit;line-height:normal;font-weight:400;letter-spacing:.5px}@media only screen and (max-width:560px){.main section.lists .inner .cats .item .description p{letter-spacing:0}}.main section.lists .inner .cats .item:hover{background:#a21323;color:#fff}