@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Poppins:wght@400;700&family=Roboto+Slab:wght@500;700;900&display=swap";@keyframes circle1{0%,100%{width:0;height:0;opacity:0}40%,60%{width:42.3236514523%;height:42.3236514523%;opacity:1}}@keyframes circle2{0%,100%{width:0;height:0;opacity:0}40%,60%{width:61.2734082397%;height:61.2734082397%;opacity:1}}@keyframes donut1{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes donut2{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes donut3{0%,100%{transform:translate(-50%, -50%)}50%{transform:translate(-45%, -50%)}}@keyframes seafood1{0%,65%,100%{transform:translateY(0);opacity:0}8%,50%{transform:translateY(73%);opacity:1}}@keyframes seafood2{0%,65%,100%{transform:translateY(0);opacity:0}8%,50%{transform:translateY(152%);opacity:1}}@keyframes seafood3{0%,65%,100%{transform:translateY(0);opacity:0}8%,50%{transform:translateY(234%);opacity:1}}@keyframes pasta{0%,100%{filter:invert(0)}50%{filter:invert(1)}}@keyframes sushi1{0%,100%{transform:translateX(0)}50%{transform:translateX(100%)}}@keyframes sushi2{0%,100%{transform:translateX(0)}50%{transform:translateX(-100%)}}@keyframes cake1{0%,100%{opacity:1}50%{opacity:0}}@keyframes cake2{0%,100%{opacity:0}50%{opacity:1}}@keyframes scale{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes scale2{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes like{0%{transform:translate(0, 0) scale(0.7);opacity:0}40%{opacity:1}60%{opacity:0}100%{transform:translateY(-2600%) scale(1)}}@keyframes likeBtn{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:0}}@keyframes marquee{0%{background-position-x:0px}100%{background-position-x:-2460px}}@keyframes marquee2{0%{background-position-x:0px}100%{background-position-x:-2106px}}@keyframes marquee3{0%{background-position-x:0px}100%{background-position-x:2106px}}@keyframes marquee4{0%{background-position-x:0px}100%{background-position-x:-2898px}}@keyframes marquee5{0%{background-position-x:0px}100%{background-position-x:2898px}}@keyframes lineBg{0%{width:0}100%{width:100%}}@keyframes arrow{0%{width:100%;height:100%;opacity:1}70%,100%{width:126%;height:126%;opacity:0}}.titleBox em{font-size:26px;font-weight:500;text-transform:initial;font-family:"Roboto Slab";text-align:left;padding-bottom:32px}.titleBox strong{display:block;font-size:16px;font-weight:400;padding-bottom:21px}.titleBox h2{position:relative;font-size:45px;font-weight:700;text-align:left;letter-spacing:.5px;line-height:.8;padding-left:24px}.titleBox h2::before{content:"";position:absolute;top:0;left:0;width:3px;height:calc(100% + 7px)}.titleBox h2 span{display:block;font-size:30px;font-weight:500;padding-bottom:20px}@media(max-width: 1180px){.titleBox em{font-size:22px;padding-bottom:20px}.titleBox strong{font-size:14px;padding-bottom:15px}.titleBox h2{font-size:35px;line-height:1}.titleBox h2 span{font-size:25px;padding-bottom:15px}}.headArea{background:#bb1b21;padding:20px 0}.headArea .wrapBox{padding-left:20px;padding-right:20px}.headArea .wrapBox h1{color:#fff;font-size:21px;font-weight:700;line-height:1;letter-spacing:1px}@media(max-width: 640px){.headArea{padding:16px 0}.headArea .wrapBox h1{font-size:19px;line-height:1.4}}.bannerArea{position:relative;margin-bottom:-6.9%;z-index:2}@media(max-width: 1180px){.bannerArea{margin-bottom:0}}.bannerArea .wrap{display:flex;flex-wrap:wrap;align-items:start;max-width:100%}@media(max-width: 1180px){.bannerArea .wrap{flex-direction:column}}.bannerArea .leftBox{width:37.63%}@media(max-width: 1180px){.bannerArea .leftBox{width:47.511%}}@media(max-width: 640px){.bannerArea .leftBox{display:none}}.bannerArea .centerBox{width:24.74%}@media(max-width: 1180px){.bannerArea .centerBox{position:absolute;top:0;right:0;width:52.489%}}@media(max-width: 640px){.bannerArea .centerBox{display:none}}.bannerArea .rightBox{width:37.63%}@media(max-width: 1180px){.bannerArea .rightBox{width:47.511%}}@media(max-width: 640px){.bannerArea .rightBox{display:none}}.bannerArea .likeBtn{position:absolute;bottom:27.55%;left:18.55%;width:5%;height:2.5%;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);cursor:pointer;padding:0;margin:0;z-index:1}.bannerArea .likeBtn.show img{animation:likeBtn .8s ease-in-out}.bannerArea .likeBtn img{height:100%}.bannerArea .imgList{display:flex;flex-wrap:wrap;align-items:start}.bannerArea .imgItem{position:relative;overflow:hidden}.bannerArea .imgItem:not(:nth-child(4)){width:33.33333%}.bannerArea .imgItem:nth-child(4){width:66.66666%}.bannerArea .imgItem.hamburger .hamburgerImg2{position:absolute;bottom:0;right:0;width:100%}.bannerArea .imgItem.barbecue{background-color:#e6aa07}.bannerArea .imgItem.barbecue .circle1,.bannerArea .imgItem.barbecue .circle2{position:absolute;border-radius:50%;background-color:#eeb722;z-index:1}.bannerArea .imgItem.barbecue .circle1::before,.bannerArea .imgItem.barbecue .circle2::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%}.bannerArea .imgItem.barbecue .circle1{bottom:-2px;left:-27.8008298755%;width:63.0705394191%;height:41.9241192412%}.bannerArea .imgItem.barbecue .circle1::before{width:0;height:0;background-color:#e6aa07;animation:circle1 2s 1s infinite ease-in-out;opacity:0}.bannerArea .imgItem.barbecue .circle2{top:-1px;right:-49.0041493776%;width:110.7883817427%;height:72.3577235772%}.bannerArea .imgItem.barbecue .circle2::before{width:0;height:0;background-color:#e6aa07;animation:circle2 2s infinite ease-in-out;opacity:0}.bannerArea .imgItem.barbecue img{position:relative;z-index:2}.bannerArea .imgItem.donut{background-color:#fbcdb5;height:100%}.bannerArea .imgItem.donut .donutImg1{top:7%;right:19%;width:23.0290456432%;height:30.352303523%;animation:donut1 8s infinite linear}.bannerArea .imgItem.donut .donutImg2{top:30%;left:-8%;width:50%;height:65.3116531165%;animation:donut2 8s infinite linear}.bannerArea .imgItem.donut .donutImg3{bottom:-25%;right:12%;width:31.3278008299%;height:42.0054200542%;animation:donut1 8s infinite linear}.bannerArea .imgItem.donut .donutImg4{top:50%;left:50%;transform:translate(-50%, -50%);width:58.7136929461%;height:90.243902439%;animation:donut3 3s infinite ease-in-out}.bannerArea .imgItem.donut img:not(.donutImg5){position:absolute;z-index:1}.bannerArea .imgItem.seafood .seafoodImg2{left:8.5%;animation:seafood1 5s infinite ease-in;opacity:0}.bannerArea .imgItem.seafood .seafoodImg3{left:8.5%;animation:seafood2 5s 1s infinite ease-in;opacity:0}.bannerArea .imgItem.seafood .seafoodImg4{left:8.5%;animation:seafood3 5s 2s infinite ease-in;opacity:0}.bannerArea .imgItem.seafood img:not(.seafoodImg1){position:absolute;top:0;transform:translateY(0);width:83.8174273859%;z-index:1}.bannerArea .imgItem.pasta .pastaImg2{top:30.5%}.bannerArea .imgItem.pasta .pastaImg3{top:43.5%}.bannerArea .imgItem.pasta .pastaImg4{top:56.5%}.bannerArea .imgItem.pasta img:not(.pastaImg1){position:absolute;width:75.1037344398%;left:16.5%;animation:pasta 1s infinite linear;z-index:1}.bannerArea .imgItem.sushi .sushiImg1{top:10%;left:10%;width:41.9087136929%;height:14.9051490515%;animation:sushi1 3s infinite ease-in-out;z-index:3}.bannerArea .imgItem.sushi .sushiImg2{top:27%;right:10%;width:32.7800829876%;height:13.8211382114%;animation:sushi2 3s infinite ease-in-out;z-index:1}.bannerArea .imgItem.sushi .sushiImg3{top:44%;left:16%;width:41.9087136929%;height:13.0081300813%;animation:sushi1 3s infinite ease-in-out;z-index:3}.bannerArea .imgItem.sushi .sushiImg4{bottom:27%;right:10%;width:37.7593360996%;height:13.8211382114%;animation:sushi2 3s infinite ease-in-out;z-index:1}.bannerArea .imgItem.sushi .sushiImg5{bottom:12%;left:14%;width:36.5145228216%;height:12.4661246612%;animation:sushi1 3s infinite ease-in-out;z-index:3}.bannerArea .imgItem.sushi .sushiImg6{top:12%;left:12%;width:79.2531120332%;height:65.3116531165%;z-index:2}.bannerArea .imgItem.sushi img:not(.sushiImg7){position:absolute}.bannerArea .imgItem.cake .cakeImg2{position:absolute;top:7%;left:4%;width:90.4564315353%;height:88.0758807588%;z-index:1}.bannerArea .imgItem.dessert .dessertImg2{top:-6%;right:-39%;width:143.9834024896%;height:93.7669376694%;animation:scale2 1s infinite linear;z-index:1}.bannerArea .imgItem.dessert .dessertImg3{bottom:-12%;left:-11%;width:53.9419087137%;height:34.9593495935%;animation:scale2 1s .5s infinite linear;z-index:1}.bannerArea .imgItem.dessert .dessertImg4{top:22%;left:5%;width:94.1908713693%;height:62.0596205962%;z-index:2}.bannerArea .imgItem.dessert img:not(.dessertImg1){position:absolute}.bannerArea .phone{position:relative}.bannerArea .phone::before{content:"";position:absolute;top:-5%;right:-5%}@media(max-width: 1180px){.bannerArea .phone .phoneImg1{display:none}}.bannerArea .phone .phoneImg2{top:38.5%;left:18.5%;width:14.5263157895%;height:15.7471264368%}.bannerArea .phone .phoneImg3{top:35.4%;right:10%;width:20.4210526316%;height:6.4367816092%;z-index:2}.bannerArea .phone .phoneImg4{top:29%;right:2%;width:36%;height:19.6551724138%;animation:scale 1s infinite linear;z-index:1}@media(min-width: 1181px){.bannerArea .phone .phoneImgM{display:none}}.bannerArea .phone img:not(.phoneImg1):not(.likeIcon):not(.phoneImgM){position:absolute}.bannerArea .phone .likeBtn{bottom:27.55%;left:18.55%;width:5%;height:2.5%}.bannerArea .phone .likeBox{position:absolute;top:14.8%;left:50%;transform:translateX(-50%);width:68%;height:57.5%;pointer-events:none;z-index:4}.bannerArea .phone .likeImg{position:absolute;background:url(../../../images/tw/service/restaurant-website/banner_love.png) no-repeat center/cover}.bannerArea .phone .likeImg1{width:6.5015479876%;height:3.5982008996%;left:26%;bottom:37%;animation:like 10s 1.4230769231s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg2{width:6.5015479876%;height:3.5982008996%;left:14%;bottom:69%;animation:like 7s 4.9285714286s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg3{width:6.5015479876%;height:3.5982008996%;left:10%;bottom:48%;animation:like 9s 4.8s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg4{width:6.5015479876%;height:3.5982008996%;left:67%;bottom:83%;animation:like 9s 1.2388059701s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg5{width:6.5015479876%;height:3.5982008996%;left:44%;bottom:79%;animation:like 10s 1.7954545455s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg6{width:6.5015479876%;height:3.5982008996%;left:53%;bottom:89%;animation:like 12s 1.679245283s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg7{width:6.5015479876%;height:3.5982008996%;left:82%;bottom:29%;animation:like 6s 0.3536585366s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg8{width:6.5015479876%;height:3.5982008996%;left:7%;bottom:49%;animation:like 7s 7s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg9{width:6.5015479876%;height:3.5982008996%;left:43%;bottom:62%;animation:like 10s 1.4418604651s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg10{width:6.5015479876%;height:3.5982008996%;left:10%;bottom:11%;animation:like 6s 1.1s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg11{width:6.5015479876%;height:3.5982008996%;left:1%;bottom:61%;animation:like 6s 61s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg12{width:6.5015479876%;height:3.5982008996%;left:43%;bottom:45%;animation:like 11s 1.0465116279s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg13{width:6.5015479876%;height:3.5982008996%;left:81%;bottom:48%;animation:like 7s 0.5925925926s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg14{width:6.5015479876%;height:3.5982008996%;left:11%;bottom:12%;animation:like 9s 1.0909090909s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg15{width:6.5015479876%;height:3.5982008996%;left:13%;bottom:31%;animation:like 12s 2.3846153846s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg16{width:6.5015479876%;height:3.5982008996%;left:45%;bottom:9%;animation:like 11s .2s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg17{width:6.5015479876%;height:3.5982008996%;left:74%;bottom:63%;animation:like 11s 0.8513513514s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg18{width:6.5015479876%;height:3.5982008996%;left:11%;bottom:23%;animation:like 6s 2.0909090909s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg19{width:6.5015479876%;height:3.5982008996%;left:12%;bottom:92%;animation:like 6s 7.6666666667s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg20{width:6.5015479876%;height:3.5982008996%;left:73%;bottom:46%;animation:like 6s 0.6301369863s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg21{width:6.5015479876%;height:3.5982008996%;left:37%;bottom:64%;animation:like 7s 1.7297297297s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg22{width:6.5015479876%;height:3.5982008996%;left:35%;bottom:32%;animation:like 10s 0.9142857143s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg23{width:6.5015479876%;height:3.5982008996%;left:51%;bottom:78%;animation:like 10s 1.5294117647s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg24{width:6.5015479876%;height:3.5982008996%;left:75%;bottom:39%;animation:like 11s .52s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg25{width:6.5015479876%;height:3.5982008996%;left:72%;bottom:65%;animation:like 11s 0.9027777778s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg26{width:6.5015479876%;height:3.5982008996%;left:47%;bottom:47%;animation:like 11s 1s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg27{width:6.5015479876%;height:3.5982008996%;left:41%;bottom:10%;animation:like 6s .243902439s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg28{width:6.5015479876%;height:3.5982008996%;left:42%;bottom:54%;animation:like 7s 1.2857142857s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg29{width:6.5015479876%;height:3.5982008996%;left:72%;bottom:4%;animation:like 8s 0.0555555556s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .phone .likeImg30{width:6.5015479876%;height:3.5982008996%;left:82%;bottom:35%;animation:like 6s 0.4268292683s ease-in-out infinite;bottom:0;opacity:0}.bannerArea .mobileBox{width:100%}@media(min-width: 641px){.bannerArea .mobileBox{display:none}}.bannerArea .classList{margin-top:7px}.bannerArea .classList .classItem{padding:5px}.bannerArea .classList .classItem.slick-current a::before{border-color:#bb1b21}.bannerArea .classList a{position:relative;display:block;max-width:60px;text-align:center;margin:0 auto}.bannerArea .classList a::before{content:"";position:absolute;top:-5px;left:-5px;width:70px;height:70px;border:2px solid rgba(0,0,0,0);border-radius:50%;pointer-events:none;transition:all .5s;z-index:1}.bannerArea .classList img{display:block;width:100%;backface-visibility:hidden}.bannerArea .classList span{display:inline-block;color:#323232;font-size:12px;padding-top:9px}.bannerArea .slogan{display:flex;align-items:center;border-top:1px solid #e5e5e5;padding:11px 20px;margin-top:7px}.bannerArea .slogan .circle{position:relative;width:38px;height:38px;background-color:#bab0f3;border-radius:50%}.bannerArea .slogan .circle::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fbcdb5;border-radius:50%;width:28px;height:28px;z-index:1}.bannerArea .slogan .circle span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#7ed5bf;border-radius:50%;width:18px;height:18px;z-index:2}.bannerArea .slogan .circle span::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#ffcc40;border-radius:50%;width:10px;height:10px;z-index:2}.bannerArea .slogan .text{color:#474747;font-size:12px;font-family:"Poppins";padding-left:14px}.bannerArea .imgBox{position:relative}.bannerArea .imgBox .img1{top:5.8%;left:4%;width:50%}.bannerArea .imgBox .img2{top:39.6%;left:4%;width:14.5%}.bannerArea .imgBox .img3{top:9%;right:11.5%;width:20%;z-index:1}.bannerArea .imgBox .img4{top:-2%;right:4%;width:35.6%}.bannerArea .imgBox>img{position:absolute;pointer-events:none}.bannerArea .functionBox{position:relative}.bannerArea .functionBox .likeBtn{top:50%;transform:translateY(-50%);left:4.1%;width:5.5%;height:30%}.bannerArea .likeBox{position:absolute;bottom:0;left:0;width:100%;height:80%;pointer-events:none;z-index:2}.bannerArea .likeImg{position:absolute;background:url(../../../images/tw/service/restaurant-website/banner_love.png) no-repeat center/cover}.bannerArea .likeImg.show{animation:like 3s ease-in-out forwards}.bannerArea .likeImg1{width:4.375%;height:4.35%;left:63%;bottom:0;opacity:0}.bannerArea .likeImg2{width:4.375%;height:4.35%;left:85%;bottom:0;opacity:0}.bannerArea .likeImg3{width:4.375%;height:4.35%;left:81%;bottom:0;opacity:0}.bannerArea .likeImg4{width:4.375%;height:4.35%;left:91%;bottom:0;opacity:0}.bannerArea .likeImg5{width:4.375%;height:4.35%;left:87%;bottom:0;opacity:0}.bannerArea .likeImg6{width:4.375%;height:4.35%;left:47%;bottom:0;opacity:0}.bannerArea .likeImg7{width:4.375%;height:4.35%;left:15%;bottom:0;opacity:0}.bannerArea .likeImg8{width:4.375%;height:4.35%;left:2%;bottom:0;opacity:0}.bannerArea .likeImg9{width:4.375%;height:4.35%;left:42%;bottom:0;opacity:0}.bannerArea .likeImg10{width:4.375%;height:4.35%;left:39%;bottom:0;opacity:0}.bannerArea .likeImg11{width:4.375%;height:4.35%;left:23%;bottom:0;opacity:0}.bannerArea .likeImg12{width:4.375%;height:4.35%;left:87%;bottom:0;opacity:0}.bannerArea .likeImg13{width:4.375%;height:4.35%;left:50%;bottom:0;opacity:0}.bannerArea .likeImg14{width:4.375%;height:4.35%;left:90%;bottom:0;opacity:0}.bannerArea .likeImg15{width:4.375%;height:4.35%;left:8%;bottom:0;opacity:0}.bannerArea .likeImg16{width:4.375%;height:4.35%;left:77%;bottom:0;opacity:0}.bannerArea .likeImg17{width:4.375%;height:4.35%;left:83%;bottom:0;opacity:0}.bannerArea .likeImg18{width:4.375%;height:4.35%;left:9%;bottom:0;opacity:0}.bannerArea .likeImg19{width:4.375%;height:4.35%;left:18%;bottom:0;opacity:0}.bannerArea .likeImg20{width:4.375%;height:4.35%;left:48%;bottom:0;opacity:0}.bannerArea .likeImg21{width:4.375%;height:4.35%;left:35%;bottom:0;opacity:0}.bannerArea .likeImg22{width:4.375%;height:4.35%;left:84%;bottom:0;opacity:0}.bannerArea .likeImg23{width:4.375%;height:4.35%;left:74%;bottom:0;opacity:0}.bannerArea .likeImg24{width:4.375%;height:4.35%;left:52%;bottom:0;opacity:0}.bannerArea .likeImg25{width:4.375%;height:4.35%;left:91%;bottom:0;opacity:0}.bannerArea .likeImg26{width:4.375%;height:4.35%;left:11%;bottom:0;opacity:0}.bannerArea .likeImg27{width:4.375%;height:4.35%;left:69%;bottom:0;opacity:0}.bannerArea .likeImg28{width:4.375%;height:4.35%;left:67%;bottom:0;opacity:0}.bannerArea .likeImg29{width:4.375%;height:4.35%;left:20%;bottom:0;opacity:0}.bannerArea .likeImg30{width:4.375%;height:4.35%;left:41%;bottom:0;opacity:0}.bannerArea .likeImg31{width:4.375%;height:4.35%;left:1%;bottom:0;opacity:0}.bannerArea .likeImg32{width:4.375%;height:4.35%;left:49%;bottom:0;opacity:0}.bannerArea .likeImg33{width:4.375%;height:4.35%;left:60%;bottom:0;opacity:0}.bannerArea .likeImg34{width:4.375%;height:4.35%;left:4%;bottom:0;opacity:0}.bannerArea .likeImg35{width:4.375%;height:4.35%;left:75%;bottom:0;opacity:0}.bannerArea .likeImg36{width:4.375%;height:4.35%;left:21%;bottom:0;opacity:0}.bannerArea .likeImg37{width:4.375%;height:4.35%;left:59%;bottom:0;opacity:0}.bannerArea .likeImg38{width:4.375%;height:4.35%;left:18%;bottom:0;opacity:0}.bannerArea .likeImg39{width:4.375%;height:4.35%;left:76%;bottom:0;opacity:0}.bannerArea .likeImg40{width:4.375%;height:4.35%;left:87%;bottom:0;opacity:0}.bannerArea img{display:block;width:100%;backface-visibility:hidden}.caseArea,.caseArea3{position:relative;background-color:#f5f7f8;padding:118px 0}@media(max-width: 1440px){.caseArea,.caseArea3{padding:70px 0}}@media(max-width: 1180px){.caseArea,.caseArea3{padding:60px 0}}@media(max-width: 640px){.caseArea,.caseArea3{padding:30px 0}}.caseArea .wrap,.caseArea3 .wrap{max-width:100%}@media(max-width: 640px){.caseArea .wrap,.caseArea3 .wrap{padding:0 5px}}.caseArea .caseList,.caseArea3 .caseList{position:relative;z-index:2}.caseArea .caseItem,.caseArea3 .caseItem{padding:0 29px}@media(max-width: 640px){.caseArea .caseItem,.caseArea3 .caseItem{padding:0 15px}}.caseArea .marquee,.caseArea3 .marquee{position:absolute;top:50%;left:0;transform:translate(0, -50%);width:100%;height:146px;background:url(../../../images/tw/service/restaurant-website/case_text.png) repeat-x top/cover;animation:marquee 20s linear infinite;z-index:1}@media(max-width: 1440px){.caseArea .marquee,.caseArea3 .marquee{height:100px}}@media(max-width: 1180px){.caseArea .marquee,.caseArea3 .marquee{height:80px}}@media(max-width: 640px){.caseArea .marquee,.caseArea3 .marquee{height:60px}}.caseArea img,.caseArea3 img{display:block;max-width:100%;margin:0 auto}.caseArea3 .moreBtn a{width:100%;max-width:230px;border-radius:30px;background-color:#c4252b;color:#fff;display:block;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 auto;padding:15px 25px;position:relative;text-align:center;z-index:2}.caseArea3 .moreBtn a:hover{background-color:#000}@media(max-width: 1440px){.caseArea3 .moreBtn{padding:30px 0}}.serviceArea{background:url(../../../images/tw/service/restaurant-website/service_bg.jpg) no-repeat left/cover;padding:87px 0 56px}@media(max-width: 1180px){.serviceArea{padding:50px 0 20px}}.serviceArea .wrap{max-width:1508px}.serviceArea .titleBox em{color:#000}.serviceArea .titleBox h2{color:#323232}.serviceArea .titleBox h2::before{background-color:#babac6;border:1px solid #bdbcc7}.serviceArea p{max-width:590px;color:#000;font-size:15px;padding:39px 0 43px;line-height:1.7}@media(max-width: 1180px){.serviceArea p{padding:30px 0 35px}}.serviceArea .serviceList{max-width:620px;display:flex;flex-wrap:wrap}.serviceArea .serviceList .serviceItem{position:relative;width:50%;padding:0 27px 33px 62px}@media(max-width: 1180px){.serviceArea .serviceList .serviceItem{padding:0 27px 33px 55px}}@media(max-width: 640px){.serviceArea .serviceList .serviceItem{width:100%;padding:0 0 33px 55px}}.serviceArea .serviceList .serviceItem:nth-of-type(1) .circle span{background-color:#7ed5bf}.serviceArea .serviceList .serviceItem:nth-of-type(2) .circle span{background-color:#bab0f3}.serviceArea .serviceList .serviceItem:nth-of-type(3) .circle span{background-color:#fbcdb5}.serviceArea .serviceList .serviceItem:nth-of-type(4) .circle span{background-color:#e6aa07}.serviceArea .serviceList .circle{position:absolute;top:0;left:0;color:#fff;font-size:33px;font-weight:700}.serviceArea .serviceList .circle span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%}@media(max-width: 1180px){.serviceArea .serviceList .circle{font-size:28px}.serviceArea .serviceList .circle span{width:45px;height:45px}}.serviceArea .serviceList .title{color:#3c3c3c;font-size:20px;font-weight:700;border-bottom:1px solid #bebcc6;letter-spacing:1px;padding-bottom:10px;margin-bottom:12px}@media(max-width: 1180px){.serviceArea .serviceList .title{padding-bottom:7px;margin-bottom:6px}}.serviceArea .serviceList ul li{color:#434343;font-size:16px;padding:5px 0}@media(max-width: 1180px){.serviceArea .serviceList ul li{font-size:15px}}.gradientBg{position:relative;background:url(../../../images/tw/service/restaurant-website/gradient_bg.jpg) no-repeat center/cover;overflow:hidden}@media(max-width: 960px){.gradientBg{background:url(../../../images/tw/service/restaurant-website/gradient_bg.jpg) no-repeat top center/cover}}.gradientBg .gradientLineBg{position:absolute;top:0;left:0;right:0;width:0;text-align:center;margin:0 auto}.gradientBg .gradientLineBg.show{animation:lineBg 4s ease-out forwards}.gradientBg .gradientLineBg img{display:block;max-width:100%;width:1920px;height:1440px;-o-object-fit:cover;object-fit:cover}@media(max-width: 1180px){.gradientBg .gradientLineBg{display:none}}.zoomContainer{pointer-events:none;z-index:3}@media(max-width: 1180px){.zoomContainer{display:none}}.zoomLens{border-color:#b7b7b7 !important}.convenienceArea{position:relative;padding:170px 0 110px}@media(max-width: 960px){.convenienceArea{padding:60px 0}}@media(max-width: 768px){.convenienceArea{padding:60px 0 20px}}.convenienceArea .wrap{display:flex;flex-wrap:wrap;align-items:start;max-width:1510px}.convenienceArea .Img{position:relative;width:50%;padding:3px 3px 0 0;z-index:2}.convenienceArea .Img img{display:block;width:100%;backface-visibility:hidden}@media(max-width: 1180px){.convenienceArea .Img{width:60%}}@media(max-width: 960px){.convenienceArea .Img{width:100%}.convenienceArea .Img img{width:auto;max-width:100%}}.convenienceArea .Txt{position:relative;width:50%;padding-left:77px;z-index:2}@media(max-width: 1180px){.convenienceArea .Txt{width:40%;padding-left:30px}}@media(max-width: 960px){.convenienceArea .Txt{width:100%;padding-top:20px;padding-left:0}}.convenienceArea .titleBox em{color:#ffcc40}.convenienceArea .titleBox strong{color:rgba(0,0,0,.8)}.convenienceArea .titleBox h2{color:#323232}.convenienceArea .titleBox h2::before{background-color:#fdc93d;border:1px solid #ffcc40}.convenienceArea .titleBox h2 span{color:#323232}.convenienceArea p{color:#3c3c3c;font-size:15px;padding-top:43px;line-height:1.75}@media(min-width: 961px){.convenienceArea p{max-width:470px}}@media(max-width: 960px){.convenienceArea p{padding-top:30px}}.convenienceArea .convenience{position:absolute;top:5.7%;left:3.5%;color:#fff;font-size:150px;font-weight:700;font-family:"Poppins";word-break:break-all;z-index:1}@media(max-width: 1440px){.convenienceArea .convenience{font-size:100px}}@media(max-width: 960px){.convenienceArea .convenience{display:none}}.convenienceArea .explode{position:absolute;bottom:-19.5%;right:14%;width:23.267%;pointer-events:none;z-index:2}.convenienceArea .explode .imgText{position:absolute;top:35%;left:50%;transform:translateX(-50%);width:63.1578947368%;display:block;z-index:1}.convenienceArea .explode .imgExplode{animation:scale 1s infinite linear;display:block;width:100%;backface-visibility:hidden}@media(max-width: 960px){.convenienceArea .explode{width:120px;height:120px;bottom:-15%}.convenienceArea .explode .imgText{top:42px;width:82px}}@media(max-width: 640px){.convenienceArea .explode{right:0}}.navigationArea{position:relative;overflow:hidden;padding-top:85px}@media(max-width: 960px){.navigationArea{padding-top:30px}}.navigationArea .wrap{display:flex;flex-wrap:wrap;align-items:start;max-width:1715px;padding:0 0 0 20px;margin:0 0 0 auto}@media(max-width: 960px){.navigationArea .wrap{padding:0 25px}}.navigationArea .Txt{position:relative;width:423px;padding:79px 0 50px;z-index:2}@media(max-width: 1180px){.navigationArea .Txt{width:40%;padding:20px 0 50px}}@media(max-width: 960px){.navigationArea .Txt{width:100%;padding:20px 0 60px;order:2}}.navigationArea .Img{position:relative;width:calc(100% - 423px);text-align:right;padding-top:3px;z-index:2}@media(max-width: 1180px){.navigationArea .Img{width:60%}}@media(max-width: 960px){.navigationArea .Img{width:100%;order:1}.navigationArea .Img img{width:auto;max-width:100%}}.navigationArea .Img .imgPad{position:relative;width:80.6%;margin:0 0 -13.6% auto;z-index:1}.navigationArea .Img .imgList{left:2.4%;top:23.2%;width:48.7%;z-index:2}.navigationArea .Img .imgMagnifier1{left:16.7%;top:13.2%;width:17.6%;z-index:3}.navigationArea .Img .imgMagnifier2{right:20.2%;top:-11.3%;width:17.2%;z-index:2}@media(min-width: 961px){.navigationArea .Img .imgM{display:none}}.navigationArea .Img .explode{position:absolute;top:-11%;left:38%;width:13.444%;z-index:2}.navigationArea .Img .explode .imgText{position:absolute;top:39%;left:50%;transform:translateX(-50%);width:52%;z-index:1}.navigationArea .Img .explode .imgExplode{animation:scale 1s .5s infinite linear;display:block;width:100%;backface-visibility:hidden}@media(max-width: 1180px){.navigationArea .Img .explode{top:-20%;left:30%;width:23.267%}}@media(max-width: 960px){.navigationArea .Img .explode{top:-2%;width:120px;height:120px}.navigationArea .Img .explode .imgText{top:42px;width:77px}}@media(max-width: 640px){.navigationArea .Img .explode{top:initial;left:initial;bottom:-5%;right:0}}@media(max-width: 480px){.navigationArea .Img .explode{bottom:-15%}}.navigationArea .Img img:not(.imgPad):not(.imgExplode):not(.imgM){position:absolute}@media(max-width: 960px){.navigationArea .Img img:not(.imgText):not(.imgExplode):not(.imgM){display:none}}.navigationArea .Img img{display:block}.navigationArea .titleBox em{color:#f9caa8}.navigationArea .titleBox h2{color:#323232;font-size:28px;font-weight:500}.navigationArea .titleBox h2::before{background-color:#fbcdb5;border:1px solid #f9caa8}.navigationArea .titleBox h2 span{color:#323232;font-size:45px;font-weight:700}@media(max-width: 1180px){.navigationArea .titleBox h2{font-size:25px}.navigationArea .titleBox h2 span{font-size:35px}}.navigationArea p{color:#3c3c3c;font-size:15px;padding-top:43px;line-height:1.75}@media(min-width: 961px){.navigationArea p{max-width:470px}}@media(max-width: 960px){.navigationArea p{padding-top:30px}}.navigationArea .navigation{position:absolute;top:0;right:16.3%;color:#fff;font-size:150px;font-weight:700;font-family:"Poppins";line-height:.71;word-break:break-all;z-index:1}@media(max-width: 1440px){.navigationArea .navigation{font-size:100px}}@media(max-width: 960px){.navigationArea .navigation{display:none}}.manageArea{position:relative;overflow:hidden;background-color:#7ed5bf;padding:60px 0 155px}@media(max-width: 1500px){.manageArea{padding:60px 0 90px}}@media(max-width: 1180px){.manageArea{padding:100px 0}}@media(max-width: 640px){.manageArea{padding:80px 0}}.manageArea .wrap{display:flex;flex-wrap:wrap;max-width:1500px;margin:0 auto 0 0;padding:0 25px 0 0}@media(max-width: 1180px){.manageArea .wrap{padding:0 25px}}.manageArea .Img{position:relative;width:calc(100% - 442px);z-index:2}@media(max-width: 1500px){.manageArea .Img{width:calc(100% - 430px);padding:50px 60px 0 0}}@media(max-width: 1180px){.manageArea .Img{width:100%;padding:0}}.manageArea .Img .img1{left:-18.6%;top:24.8%;width:25.5298651252%;transform:translateX(-20px);transition:all 1.3s;opacity:0}.manageArea .Img .img1.show{transform:translateX(0);opacity:1}.manageArea .Img .img2{top:18%;left:9%;width:54.9132947977%}.manageArea .Img .img3{top:41%;left:3.8%;width:21.676300578%}.manageArea .Img .img4{top:39.5%;left:25%;width:37.3795761079%}.manageArea .Img .img5{top:61%;right:22.4%;width:18.4007707129%}.manageArea .Img .img6{top:11%;right:6%;width:75.8188824663%}.manageArea .Img .img7{top:15%;left:7.5%;width:1.3487475915%}.manageArea .Img .img8{width:112%;margin:0 0 -5% -12%}@media(min-width: 1501px){.manageArea .Img .img8{display:none}}@media(max-width: 1180px){.manageArea .Img .img8{width:100%;margin:0}}@media(min-width: 1181px){.manageArea .Img img:not(.imgExplode):not(.img8){position:absolute}}@media(max-width: 1500px){.manageArea .Img img:not(.imgExplode):not(.imgText):not(.img8){display:none}}.manageArea .Txt{position:relative;width:442px;padding-top:76px;z-index:2}@media(max-width: 1500px){.manageArea .Txt{width:430px}}@media(max-width: 1180px){.manageArea .Txt{width:100%;padding-top:40px}}@media(max-width: 640px){.manageArea .Txt{padding-top:25px}}.manageArea .titleBox em{color:hsla(0,0%,100%,.8)}.manageArea .titleBox strong{color:hsla(0,0%,100%,.8)}@media(min-width: 1181px){.manageArea .titleBox strong{padding-bottom:18px}}.manageArea .titleBox h2{color:#fff;font-size:28px;font-weight:500;letter-spacing:0}.manageArea .titleBox h2::before{background-color:#fff;border:1px solid #fcf8eb}.manageArea .titleBox h2 span{color:#fff;font-size:45px;font-weight:700}@media(max-width: 1180px){.manageArea .titleBox h2{font-size:25px}.manageArea .titleBox h2 span{font-size:35px}}.manageArea p{color:#fff;font-size:15px;line-height:1.75;padding-top:45px}@media(max-width: 1180px){.manageArea p{padding-top:30px}}.manageArea .lineBg{position:absolute;top:0;left:0;right:0;width:0;text-align:center;margin:0 auto}.manageArea .lineBg.show{animation:lineBg 4s ease-out forwards}.manageArea .lineBg img{display:block;max-width:100%;width:1920px;height:680px;-o-object-fit:cover;object-fit:cover}@media(max-width: 1180px){.manageArea .lineBg{display:none}}.manageArea .marquee{position:absolute;top:2.5%;left:0;width:100%;height:101px;background:url(../../../images/tw/service/restaurant-website/manage_marquee.png) repeat-x top/cover;animation:marquee2 20s linear infinite;z-index:1}@media(max-width: 1180px){.manageArea .marquee{height:80px}}@media(max-width: 640px){.manageArea .marquee{height:60px}}.manageArea .marquee2{position:absolute;bottom:2%;left:0;width:100%;height:101px;background:url(../../../images/tw/service/restaurant-website/manage_marquee.png) repeat-x top/cover;animation:marquee3 20s linear infinite;z-index:1}@media(max-width: 1180px){.manageArea .marquee2{height:80px}}@media(max-width: 640px){.manageArea .marquee2{height:60px}}.manageArea .explode{position:absolute;right:29.3%;top:2.8%;width:16.475%;z-index:2}.manageArea .explode .imgText{position:absolute;top:34%;left:50%;transform:translateX(-50%);width:62.5%;z-index:1}.manageArea .explode .imgExplode{animation:scale 1s .5s infinite linear;display:block;width:100%;backface-visibility:hidden}@media(max-width: 1180px){.manageArea .explode{top:-5%;right:22%}}@media(max-width: 960px){.manageArea .explode{width:120px;height:120px}.manageArea .explode .imgText{width:77px}}@media(max-width: 640px){.manageArea .explode{top:initial;left:initial;bottom:-5%;right:0}}@media(max-width: 480px){.manageArea .explode{bottom:-15%}}.shareArea{position:relative;background-color:#fbcdb5;overflow:hidden}.shareArea .wrap{display:flex;flex-wrap:wrap;align-items:start;max-width:1510px}@media(max-width: 1500px){.shareArea .wrap{align-items:center}}.shareArea .Txt{position:relative;width:500px;padding:148px 110px 110px 0;z-index:2;transform:none}@media(max-width: 1500px){.shareArea .Txt{padding:0}}@media(max-width: 1180px){.shareArea .Txt{width:40%;padding:50px 0}}@media(max-width: 960px){.shareArea .Txt{width:100%;padding:0 0 110px;order:2}}@media(max-width: 640px){.shareArea .Txt{padding:0 0 80px}}.shareArea .Img{position:relative;width:calc(100% - 500px);padding-left:57px;z-index:2}@media(max-width: 1180px){.shareArea .Img{width:60%;padding:60px 0 60px 57px}}@media(max-width: 960px){.shareArea .Img{width:100%;padding:100px 0 40px;order:1}}@media(max-width: 640px){.shareArea .Img{padding:80px 0 40px}}.shareArea .Img .img1{margin-top:-3%}.shareArea .Img .img2{top:-7.1%;left:10%;width:35.2577319588%}.shareArea .Img .img3{top:27%;right:1.6%;width:41.2371134021%}.shareArea .Img .img4{top:42.5%;right:11.1%;width:31.0309278351%}.shareArea .Img .img5{width:100%}@media(min-width: 1501px){.shareArea .Img .img5{display:none}}@media(min-width: 961px)and (max-width: 1180px){.shareArea .Img .img5{margin-bottom:-60px}}.shareArea .Img .imgExplode2{top:0;right:-22%;width:71.0309278351%;z-index:-1}.shareArea .Img .imgExplode3{left:-4%;bottom:8%;width:18.8%;z-index:-1}.shareArea .Img .imgExplode4{left:16%;top:15%;width:47.5257731959%;z-index:-1}.shareArea .Img .explode{position:absolute;right:23.4%;top:6%;width:17.63%;z-index:2}.shareArea .Img .explode .imgText{position:absolute;top:46%;left:50%;transform:translateX(-50%);width:63%;z-index:1}.shareArea .Img .explode .imgExplode1{animation:scale 1s .5s infinite linear;display:block;width:100%;backface-visibility:hidden}@media(max-width: 1180px){.shareArea .Img .explode{right:24%;top:12%}}@media(max-width: 960px){.shareArea .Img .explode{width:120px;height:120px;right:32%;top:17%}.shareArea .Img .explode .imgText{width:77px}}@media(max-width: 640px){.shareArea .Img .explode{top:initial;bottom:1%;right:0}}.shareArea .Img img:not(.img1):not(.imgExplode1):not(.img5){position:absolute}@media(max-width: 1500px){.shareArea .Img img:not(.imgExplode1):not(.imgExplode2):not(.imgExplode3):not(.imgExplode4):not(.imgText):not(.img5){display:none}}.shareArea .Img img{display:block}.shareArea .titleBox em{color:#fff}.shareArea .titleBox strong{color:hsla(0,0%,100%,.8);padding-bottom:15px}.shareArea .titleBox h2{color:#fff;font-size:30px;font-weight:500}.shareArea .titleBox h2::before{background-color:#fff}.shareArea .titleBox h2 span{font-size:45px;font-weight:700;color:#fff}@media(max-width: 1180px){.shareArea .titleBox h2{font-size:25px}.shareArea .titleBox h2 span{font-size:35px}}.shareArea p{color:#fff;font-size:15px;line-height:1.75;padding-top:45px}@media(max-width: 1180px){.shareArea p{padding-top:30px}}.shareArea .marquee{position:absolute;top:2.5%;left:0;width:100%;height:101px;background:url(../../../images/tw/service/restaurant-website/share_marquee.png) repeat-x top/cover;animation:marquee4 20s linear infinite;z-index:1}@media(max-width: 1180px){.shareArea .marquee{height:80px}}@media(max-width: 640px){.shareArea .marquee{height:60px}}.shareArea .marquee2{position:absolute;bottom:2%;left:0;width:100%;height:101px;background:url(../../../images/tw/service/restaurant-website/share_marquee.png) repeat-x top/cover;animation:marquee5 20s linear infinite;z-index:1}@media(max-width: 1180px){.shareArea .marquee2{height:80px}}@media(max-width: 640px){.shareArea .marquee2{height:60px}}.caseArea2{background:url(../../../images/tw/service/restaurant-website/case2_bg.jpg) no-repeat top center/cover;padding-top:133px;z-index:2;overflow:hidden}@media(max-width: 1180px){.caseArea2{background:url(../../../images/tw/service/restaurant-website/case2_bg.jpg) no-repeat top left/cover;padding-top:60px;padding-bottom:10px}}.caseArea2 .wrap{position:relative;max-width:100%;padding:0}@media(max-width: 1180px){.caseArea2 .wrap{padding:0 25px}}.caseArea2 .title{color:#323232;font-size:30px;font-weight:700;text-align:center;line-height:1.53;padding-bottom:2px}.caseArea2 .title span{display:block}@media(max-width: 1180px){.caseArea2 .title{font-size:25px;margin-bottom:-20px}}.caseArea2 .listCenterBox{position:relative;max-width:72.5%;margin:0 auto;bottom:-48px;z-index:2}.caseArea2 .listCenterBox.full{max-width:1432px;padding:0 20px}@media(max-width: 1180px){.caseArea2 .listCenterBox{max-width:1432px;padding:0}}@media(max-width: 640px){.caseArea2 .listCenterBox{bottom:-38px}}.caseArea2 .listLeftBox,.caseArea2 .listRightBox{position:absolute;bottom:0;max-width:18.1%;width:100%;margin-bottom:-48px;z-index:1}@media(max-width: 1440px){.caseArea2 .listLeftBox,.caseArea2 .listRightBox{max-width:24.1%}}@media(max-width: 1180px){.caseArea2 .listLeftBox,.caseArea2 .listRightBox{display:none}}.caseArea2 .listLeftBox{left:-4.2%}@media(max-width: 1440px){.caseArea2 .listLeftBox{left:-10.4%}}.caseArea2 .listRightBox{right:-4.3%}@media(max-width: 1440px){.caseArea2 .listRightBox{right:-10.4%}}.caseArea2 .caseItem{padding:0 5.5px}.caseArea2 .item{position:relative;overflow:hidden;padding:10px 15px 15px}.caseArea2 .item:hover .mask{transform:translateY(0);pointer-events:auto;opacity:1}.caseArea2 .Img{border-radius:20px;overflow:hidden;box-shadow:-7px 8px 10px rgba(0,0,0,.08)}@media(min-width: 481px)and (max-width: 640px){.caseArea2 .Img{border-radius:40px}}.caseArea2 .mask{position:absolute;top:10px;left:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:calc(100% - 30px);height:calc(100% - 25px);border-radius:20px;overflow:hidden;background-color:rgba(0,0,0,.4);text-align:center;padding:44px 30px;transform:translateX(-20px);transition:ease-in-out .5s;pointer-events:none;opacity:0}.caseArea2 .mask img{max-width:100%;width:auto;margin:0 auto}@media(max-width: 1180px){.caseArea2 .mask{padding:44px 15px}}@media(min-width: 481px)and (max-width: 640px){.caseArea2 .mask{border-radius:40px}}@media(max-width: 640px){.caseArea2 .mask{padding:44px 30px}}.caseArea2 .Txt{padding-bottom:16px}.caseArea2 .titleTw{display:block;color:#fff;font-size:25px;font-weight:500}@media(max-width: 1180px){.caseArea2 .titleTw{font-size:22px}}.caseArea2 .titleEn{display:block;color:#fff;font-size:16px;font-family:"Poppins"}.caseArea2 .moreBtn a{display:inline-flex;align-items:center;justify-content:center;min-width:200px;min-height:44px;color:#fff;font-size:16px;font-weight:700;border:1px solid #fff;border-radius:50px;letter-spacing:1px;padding:10px 20px}.caseArea2 .moreBtn a:hover{color:#000;background-color:#fff;border-color:#fff}@media(max-width: 1440px){.caseArea2 .moreBtn a{min-width:150px}}.caseArea2 .arrowBox{position:absolute;top:49%;left:50%;transform:translate(-50%, -50%);width:calc(100% + 80px);display:flex;justify-content:space-between;align-items:center;pointer-events:none}@media(max-width: 1180px){.caseArea2 .arrowBox{width:calc(100% + 10px)}}@media(max-width: 640px){.caseArea2 .arrowBox{width:calc(100% + 20px)}}.caseArea2 .arrowBox .arrow{position:relative;width:95px;height:95px;border-radius:50%;border:1px solid #fff;background-color:hsla(0,0%,100%,.7);pointer-events:auto;cursor:pointer}.caseArea2 .arrowBox .arrow::before{content:"";position:absolute;top:50%;width:12px;height:12px;border-top:1px solid #87d7c3;border-right:1px solid #87d7c3;z-index:2}.caseArea2 .arrowBox .arrow::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:50%;background-color:hsla(0,0%,100%,.7);z-index:-1}.caseArea2 .arrowBox .arrow:hover::after{animation:arrow 1.5s ease-out infinite}@media(max-width: 1180px){.caseArea2 .arrowBox .arrow{width:70px;height:70px}}@media(max-width: 960px){.caseArea2 .arrowBox .arrow{width:60px;height:60px}}.caseArea2 .arrowBox .arrowPrev::before{left:50%;transform:translateY(-50%) rotate(-135deg)}@media(max-width: 960px){.caseArea2 .arrowBox .arrowPrev::before{left:46%}}.caseArea2 .arrowBox .arrowNext::before{right:50%;transform:translateY(-50%) rotate(45deg)}@media(max-width: 960px){.caseArea2 .arrowBox .arrowNext::before{right:46%}}.caseArea2 img{display:block;width:100%;backface-visibility:hidden}footer{padding-top:90px}