body{font-family:"Noto Sans TC",sans-serif !important}.outerWrap{padding-top:80px}.mainAreaNew{background-repeat:no-repeat;background-position:center 80px,center 860px,center 1710px,center 2410px,center 2610px,center bottom;background-image:url(../../../images/tw/shopping/bg/bg01.png),url(../../../images/tw/shopping/bg/bg02.png),url(../../../images/tw/shopping/bg/bg03.png),url(../../../images/tw/shopping/bg/bg04.png),url(../../../images/tw/shopping/bg/bg05.png),url(../../../images/tw/shopping/bg/bg_bottom.png);background-size:1920px auto;background-color:#000;overflow:hidden}@media(max-width: 960px){.mainAreaNew{background-size:1360px auto}}@media(max-width: 1180px){.mainAreaNew .wrap{padding-left:20px;padding-right:20px}}@keyframes light{0%{opacity:0}50%{opacity:.8}}.titleBox{display:flex;align-items:center;justify-content:center}@media(max-width: 960px){.titleBox{margin:0 -20px;width:calc(100% + 40px)}}@media(max-width: 767px){.titleBox{margin:0;width:100%}}@media(max-width: 420px){.titleBox{margin:0 -65px;width:calc(100% + 130px)}}.titleBox .deckArrow{margin-top:80px;position:relative;width:181px;height:78px}@media(max-width: 767px){.titleBox .deckArrow{display:none}}.titleBox .deckArrow::before,.titleBox .deckArrow::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-image:url(../../../images/tw/shopping/arrow.png);background-position:0 0;mix-blend-mode:screen}.titleBox .deckArrow::after{opacity:0;animation:light 2.5s linear infinite}.titleBox .deckArrow.rightArrow{transform:scaleX(-1)}.titleBox .pic{padding:0 10px}.titleBox .pic img{display:block}@media(max-width: 960px){.titleBox .pic img{width:100%}}.selectArea{padding:50px 0}.selectBox{display:flex;flex-direction:column;align-items:center;justify-content:center}.selectBox .Txt{color:#fff;text-align:center;line-height:1.8}.selectBox .Txt .mainTitle{font-size:55px;font-weight:900;text-shadow:0 0 10px #b239ea,0 0 20px #b239ea;line-height:1.2;transform:translateY(20px);opacity:0}@media(max-width: 640px){.selectBox .Txt .mainTitle{font-size:40px}}.selectBox .Txt .subTitle{margin-bottom:10px;font-size:26px;font-weight:700;text-shadow:0 0 10px #3d5de8,0 0 20px #3d5de8;transform:translateY(20px);opacity:0}.selectBox .Txt.purple .title,.selectBox .Txt.purple .text{text-shadow:0 0 10px #b239ea,0 0 20px #b239ea}.selectBox .Txt.blue .title,.selectBox .Txt.blue .text{text-shadow:0 0 10px #3d5de8,0 0 20px #3d5de8}.selectBox .Txt .title{margin-bottom:15px;font-size:30px;font-weight:700;line-height:1.5;transform:translateY(20px);opacity:0}@media(max-width: 640px){.selectBox .Txt .title{font-size:26px}}.selectBox .Txt .text{width:100%;max-width:690px;font-size:16px;font-weight:400;letter-spacing:.2px;transform:translateY(20px);opacity:0}.selectBox .Txt .big{line-height:1;font-size:200px;font-weight:900}@media(max-width: 640px){.selectBox .Txt .big{font-size:130px}}@media(max-width: 480px){.selectBox .Txt .big{font-size:100px}}.selectBox .Txt .percent{position:relative}.selectBox .Txt .percent::before{content:"";position:absolute;top:0;right:0;transform:translate(80%, -40%);width:90px;height:90px;background-repeat:no-repeat;background-image:url(../../../images/tw/shopping/percent.png);background-size:cover}@media(max-width: 649px){.selectBox .Txt .percent::before{width:50px;height:50px}}.selectBox img{display:block}@keyframes mainLight{5%,20%,40%,100%{opacity:1}0%,13%,30%{opacity:0}}.selectArea01{position:relative}.selectArea01.show::before{transition:all .2s .4s ease;opacity:1}.selectArea01.show::after{transition:all .2s .8s ease;opacity:1}.selectArea01.show .ImgBox .pic{animation:mainLight .8s .2s linear 1 both}.selectArea01.show .Txt .mainTitle{transition:all .8s 1.4s ease-in;transform:translate(0);opacity:1}.selectArea01.show .Txt .subTitle{transition:all .8s 1.8s ease-in;transform:translate(0);opacity:1}.selectArea01.show .Txt .text{transition:all .8s 2s ease-in;transform:translate(0);opacity:1}.selectArea01::before{pointer-events:none;content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);background-repeat:no-repeat;background-image:url(../../../images/tw/shopping/s01/light01.png);width:1920px;height:1150px;mix-blend-mode:screen;opacity:0}.selectArea01::after{pointer-events:none;content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);background-repeat:no-repeat;background-image:url(../../../images/tw/shopping/s01/light02.png);width:1920px;height:1150px;mix-blend-mode:screen;opacity:0}.selectArea01 .wrap{position:relative;z-index:1}.selectArea01 .ImgBox{margin-bottom:10px;position:relative;width:676px}@media(max-width: 960px){.selectArea01 .ImgBox{width:400px}}@media(max-width: 640px){.selectArea01 .ImgBox{width:300px}}@media(max-width: 480px){.selectArea01 .ImgBox{width:240px}}.selectArea01 .ImgBox .pic{position:absolute;top:0px;left:0;opacity:0}.selectArea01 .ImgBox img{display:block;width:100%}.selectArea02{position:relative}.selectArea02.show::before{transition:all .2s 1.4s ease;opacity:1}.selectArea02.show .titleBox{transition:all .8s linear;transform:translate(0);opacity:1}.selectArea02.show .Txt .title{transition:all .6s .6s ease-in;transform:translate(0);opacity:1}.selectArea02.show .Txt .text{transition:all .6s 1s ease-in;transform:translate(0);opacity:1}.selectArea02::before{pointer-events:none;content:"";position:absolute;top:-180px;left:50%;transform:translateX(-50%);background-repeat:no-repeat;background-image:url(../../../images/tw/shopping/s02/light.png);width:1920px;height:1333px;mix-blend-mode:screen;opacity:0}.selectArea02 .titleBox{transform:translateY(50px);opacity:0}.selectArea03.show .titleBox,.selectArea04.show .titleBox,.selectArea05.show .titleBox,.selectArea06.show .titleBox,.selectArea07.show .titleBox{transition:all .8s linear;transform:translate(0);opacity:1}.selectArea03.show .Txt .title,.selectArea04.show .Txt .title,.selectArea05.show .Txt .title,.selectArea06.show .Txt .title,.selectArea07.show .Txt .title{transition:all .6s .9s ease-in;transform:translate(0);opacity:1}.selectArea03.show .Txt .text,.selectArea04.show .Txt .text,.selectArea05.show .Txt .text,.selectArea06.show .Txt .text,.selectArea07.show .Txt .text{transition:all .6s 1.3s ease-in;transform:translate(0);opacity:1}.selectArea03 .titleBox,.selectArea04 .titleBox,.selectArea05 .titleBox,.selectArea06 .titleBox,.selectArea07 .titleBox{transform:translateY(50px);opacity:0}.selectArea08{position:relative;padding-top:120px;padding-bottom:240px}@media(max-width: 1180px){.selectArea08{padding-bottom:100px}}@media(max-width: 640px){.selectArea08{padding-top:30px}}.selectArea08.show::after{transition:all .2s ease;opacity:1}.selectArea08.show .selectBox{transition:all .6s .4s linear;transform:translate(0);opacity:1}.selectArea08.show .caseList{transition:all .6s .8s linear;transform:translate(0);opacity:1}.selectArea08::after{pointer-events:none;content:"";position:absolute;top:-170px;left:50%;transform:translateX(-50%);width:1920px;height:1122px;background-repeat:no-repeat;background-image:url(../../../images/tw/shopping/sbottom/light.png);mix-blend-mode:screen;opacity:0}.selectArea08 .wrap{margin:0 auto;max-width:1690px}.selectArea08 .selectBox{position:relative;padding:200px 0 90px;transform:translateY(20px);opacity:0}@media(max-width: 480px){.selectArea08 .selectBox{padding-top:130px}}.selectArea08 .selectBox::before{content:"";position:absolute;top:0;left:53%;transform:translateX(-50%);width:1664px;height:436px;background-repeat:no-repeat;background-image:url(../../../images/tw/shopping/sbottom/top.png);background-size:contain}@media(max-width: 640px){.selectArea08 .selectBox::before{width:300%}}@media(max-width: 420px){.selectArea08 .selectBox::before{width:380%}}.caseList{position:relative;width:100%;z-index:1;transform:translateY(20px);opacity:0}.caseList:not(.slick-list){display:flex;flex-wrap:wrap;justify-content:center}.caseList .caseItem{padding:25px;width:20%;box-sizing:border-box}@media(max-width: 1420px){.caseList .caseItem{padding:25px 10px}}@media(max-width: 1180px){.caseList .caseItem{width:25%}}@media(max-width: 960px){.caseList .caseItem{width:33.33%}}@media(max-width: 640px){.caseList .caseItem{padding:10px 5px;width:50%}}.caseList .item{position:relative;background-color:rgba(0,0,0,0);box-shadow:0 0 20px hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;transition:all .4s ease}.caseList .item:hover{box-shadow:0 0 20px hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.4);background-color:hsla(0,0%,100%,.2)}.caseList .item>a{position:absolute;top:0;left:0;right:0;bottom:0}.caseList img{width:100%;display:block}