@media screen and (min-width: 1024px){html::before{background-image:url("../img/article-bg-1.svg"),url("../img/article-bg-2.svg"),url("../img/article-bg-3.svg")}}@media screen and (max-width: 1023.98px){html::before{background-image:url("../img/article-bg-1s.svg"),url("../img/article-bg-2s.svg"),url("../img/article-bg-3s.svg")}}.item-0{width:18vw;padding-bottom:22%;content:"";top:22%;left:5vw;background-size:auto 100%}.item-0::before{background-image:url("../img/item-0.svg");background-position:50% 50%;background-size:auto 100%}.item-0::after{background-image:url("../img/item-0-hover.png");background-position:50% 50%;background-size:auto 100%;opacity:0}@media screen and (max-width: 1023px){.item-0{width:32vw;padding-bottom:40%;left:15vw;top:16%;background-position:0 100% !important}}.item-1{width:22vw;padding-bottom:19%;content:"";top:17.5%;right:.3vw;background-size:100% auto}.item-1::before{background-image:url("../img/item-1.svg");background-size:100% auto}.item-1::after{background-image:url("../img/item-1-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-1{width:46vw;padding-bottom:40%;right:1vw;top:30%}}.item-2{width:22vw;padding-bottom:18.25%;content:"";top:53%;left:28vw;background-size:100% auto}.item-2::before{background-image:url("../img/item-2.svg");background-size:100% auto}.item-2::after{background-image:url("../img/item-2-hover.svg");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-2{width:46vw;padding-bottom:40%;left:4vw;top:51.5%}}.item-3{width:24vw;padding-bottom:23%;content:"";top:51%;right:4vw;background-size:100% auto}.item-3::before{background-image:url("../img/item-3.gif");background-size:100% auto}.item-3::after{background-image:url("../img/item-3-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-3{width:42vw;padding-bottom:36%;right:1vw;top:59%;background-position:0 100% !important}}.item-4{width:21vw;padding-bottom:18%;content:"";top:-0.5%;left:16vw;background-size:100% auto}.item-4::before{background-image:url("../img/item-4.gif");background-size:100% auto}.item-4::after{background-image:url("../img/item-4-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-4{width:48vw;padding-bottom:40%;left:17vw;top:-2.5%;background-position:0 100% !important}}.item-5{width:21vw;padding-bottom:19%;content:"";top:4.5%;left:76vw;background-size:100% auto}.item-5::before{background-image:url("../img/item-5.gif");background-size:100% auto}.item-5::after{background-image:url("../img/item-5-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-5{width:40vw;padding-bottom:38%;left:59vw;top:12%;background-position:0 100% !important}}.item-6{width:23.5vw;padding-bottom:20%;content:"";top:16%;left:42vw;background-size:100% auto}.item-6::before{background-image:url("../img/item-6.gif");background-size:100% auto}.item-6::after{background-image:url("../img/item-6-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-6{width:46vw;padding-bottom:38%;left:1vw;top:22%;background-position:0 100% !important}}.item-7{width:23vw;padding-bottom:20%;content:"";top:38%;left:5vw;background-size:100% auto}.item-7::before{background-image:url("../img/item-9.gif");background-size:100% auto}.item-7::after{background-image:url("../img/item-9-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-7{width:44vw;padding-bottom:39%;left:0vw;top:50%;background-position:0 100% !important}}.item-8{width:24vw;padding-bottom:18%;content:"";top:58%;left:30.5vw;background-size:100% auto}.item-8::before{background-image:url("../img/item-8.gif");background-size:100% auto}.item-8::after{background-image:url("../img/item-8-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-8{width:53vw;padding-bottom:38%;left:auto;right:0vw;top:67%;background-position:0 100% !important}}.item-9{width:21vw;padding-bottom:21%;content:"";top:50%;left:73vw;background-size:100% auto}.item-9::before{background-image:url("../img/item-7.gif");background-size:100% auto}.item-9::after{background-image:url("../img/item-7-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-9{width:42vw;padding-bottom:42%;left:auto;right:1.65vw;top:37%;background-position:0 100% !important}}.item-10{width:23vw;padding-bottom:18.5%;content:"";top:-2%;left:17vw;background-size:100% auto}.item-10::before{background-image:url("../img/item-10.gif");background-size:100% auto}.item-10::after{background-image:url("../img/item-10-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-10{width:42vw;padding-bottom:36%;left:20vw;top:-2%;background-position:0 100% !important}}.item-11{width:25vw;padding-bottom:20%;content:"";top:13%;left:45vw;background-size:100% auto}.item-11::before{background-image:url("../img/item-11.gif");background-size:100% auto}.item-11::after{background-image:url("../img/item-11-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-11{width:46vw;padding-bottom:40%;left:2vw;top:20%;background-position:0 100% !important}}.item-12{width:19vw;padding-bottom:20%;content:"";top:5%;left:78vw;background-size:100% auto}.item-12::before{background-image:url("../img/item-12.gif");background-size:100% auto}.item-12::after{background-image:url("../img/item-12-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-12{width:40vw;padding-bottom:36%;left:auto;right:0vw;top:11%;background-position:0 100% !important}}.item-13{width:23vw;padding-bottom:20.5%;content:"";top:36%;left:3vw;background-size:100% auto}.item-13::before{background-image:url("../img/item-13.gif");background-size:100% auto}.item-13::after{background-image:url("../img/item-13-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-13{width:40vw;padding-bottom:40%;left:17vw;top:49%;background-position:0 100% !important;z-index:1}}.item-14{width:23.5vw;padding-bottom:19%;content:"";top:59.5%;left:28.5vw;background-size:100% auto}.item-14::before{background-image:url("../img/item-14.gif");background-size:100% auto}.item-14::after{background-image:url("../img/item-14-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-14{width:43vw;padding-bottom:38%;left:auto;right:5vw;top:70%;background-position:0 100% !important}}.item-15{width:22vw;padding-bottom:20%;content:"";top:45%;left:75vw;background-size:100% auto}.item-15::before{background-image:url("../img/item-15.gif");background-size:100% auto}.item-15::after{background-image:url("../img/item-15-hover.png");background-size:100% auto;opacity:0}@media screen and (max-width: 1023px){.item-15{width:38vw;padding-bottom:40%;left:auto;right:4vw;top:38%;background-position:0 100% !important}}html,body{width:100%;height:100%}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow-x:hidden;overflow-y:auto;font-family:"微軟正黑體","蘋方",sans-serif}.page{position:relative;width:100%;min-height:100vh;overflow:hidden;float:left}.web-title{width:23vw;padding-bottom:3.5%;content:"";display:inline-block;z-index:1;position:absolute;left:10vw;top:1.5vh;background-image:url("../img/title.png");background-position:0 50%;background-size:100% auto;background-repeat:no-repeat;text-indent:-9999999px}@media screen and (max-width: 1023px){.web-title{width:44vw;padding-bottom:5%;left:2.85vw;top:0px}}.gw{position:relative;width:100%;float:left;background-position:50% 50%}.pos-ab{position:absolute;width:100%;top:0;left:0}.gif-wrap{position:absolute;width:100%;height:100vh;top:0;left:0;z-index:2;pointer-events:none}.gif-wrap img{max-width:100%;position:absolute}.gif-wrap img:first-child{display:block}.gif-wrap img:first-child+*{display:none}@media screen and (max-width: 1023px){.gif-wrap img:first-child{display:none}.gif-wrap img:first-child+*{display:block}}article>img{display:block;max-width:100%;width:100%}article>img:first-child{display:block}article>img:first-child+img{display:none}@media screen and (max-width: 1023px){article>img:first-child{display:none}article>img:first-child+img{display:block}}.item,[class*=gif-]{position:absolute;display:block;z-index:1;background-repeat:no-repeat;transition:all ease-in-out .1s;transform-origin:50% 100%;content:""}.item img,[class*=gif-] img{display:block;height:100%;left:50%;margin-left:-50%;position:absolute;top:0}.item{filter:brightness(0.9325);color:rgba(255,255,255,0);text-decoration:none;text-indent:-99999999px}.item::before,.item::after{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-repeat:no-repeat;transition:all ease-out .25s;background-position:50% 50%}.item::before::before,.item::after::before{opacity:1}.item::before::after,.item::after::after{opacity:0}.item:hover{transform:translateY(-10px) scale(1.05);filter:brightness(1.12) drop-shadow(2px -2px 4px rgba(0, 0, 0, 0.1285))}.item:hover::before{opacity:0}.item:hover::after{opacity:1}.logo{top:3vh;left:27%;width:45vw;content:"";z-index:1;padding-bottom:30%;background-size:100% auto;animation:2s jp ease-in-out infinite;background-size:100% auto;cursor:default;pointer-events:none}.logo::before,.logo::after{display:none}.logo .gif-1-1{width:30%;padding-bottom:20%;top:26%;left:18%;content:"";background-size:85% auto;background-repeat:no-repeat;background-position:0 100%}.logo .gif-1-2{width:20%;padding-bottom:18.75%;top:26%;right:30%;content:"";background-size:75% auto;background-repeat:no-repeat;background-position:50% 100%}@media screen and (max-width: 1023px){.logo{width:68vw;padding-bottom:46%;top:2vh;left:27.5vw;z-index:0;background-position:50% 0}}@media screen and (max-width: 640px){.logo{width:64vw;padding-bottom:45%;top:2vh;left:28vw;z-index:0;background-position:50% 0}}@keyframes jp{0%,100%{filter:brightness(1)}50%{filter:brightness(1.13)}}.card{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-size:100% auto;pointer-events:none;z-index:10;transform:translateZ(1px) perspective(1)}.card::before,.card::after{display:none}section article:nth-of-type(1) .card{background-image:url("../img/article-bg-card-1.svg")}@media screen and (max-width: 1023px){section article:nth-of-type(1) .card{background-image:url("../img/article-bg-card-1s.svg")}}section article:nth-of-type(2) .card{background-image:url("../img/article-bg-card-2.svg")}@media screen and (max-width: 1023px){section article:nth-of-type(2) .card{background-image:url("../img/article-bg-card-2s.svg")}}section article:nth-of-type(3) .card{background-image:url("../img/article-bg-card-3.svg")}@media screen and (max-width: 1023px){section article:nth-of-type(3) .card{background-image:url("../img/article-bg-card-3s.svg")}}/*# sourceMappingURL=layout.min.css.map */