@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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}a{text-decoration:none;color:inherit}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--custom01: #82393b;--custom02: #4d4d4d;--custom03: #808080;--custom04: #72393b;--custom05: #1a1a1a;--custom06: #c47f78;--custom07: #CC6666;--custom08: #333333;--custom09: #999999;--custom10: #83464C;--custom11: #B5B5B6;--custom12: #EFEFEF;--custom13: #604549;--custom14: #53393B;--custom15: #727171;--custom16: #F7F8F8;--custom17: #DCDDDD;--custom18: #986462;--slide-ease: cubic-bezier(.33, 1, .68, 1)}.is-anime{--opacity: 0;--anime-delay: 0;--anime-duration: 1.4s;--anime-ease: var(--base-ease);animation-duration:var(--anime-duration);animation-timing-function:var(--anime-ease);animation-delay:var(--anime-delay);animation-fill-mode:both;opacity:var(--opacity)}.is-anime.is-fadeInSlide{animation-name:fadeInSlide}.is-anime.is-fadeIn{animation-name:fadeIn}.is-fadeInSlide{--y: 50%;--anime-duration: 1.2s;--anime-ease: var(--slide-ease)}.is-fadeIn{--anime-duration: 1.5s;--anime-ease: var(--slide-ease)}.anime-delay-1{--anime-delay: .1s}.anime-delay-2{--anime-delay: .2s}.anime-delay-3{--anime-delay: .3s}.anime-delay-4{--anime-delay: .4s}.anime-delay-5{--anime-delay: .5s}.anime-delay-6{--anime-delay: .6s}.anime-delay-7{--anime-delay: .7s}.anime-delay-8{--anime-delay: .8s}.anime-delay-9{--anime-delay: .9s}.anime-delay-10{--anime-delay: 1s}@keyframes fadeInSlide{0%{transform:translateY(var(--y));opacity:0}90%{opacity:1}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{transform:translateY(var(--y));opacity:0}90%{opacity:1}to{opacity:1}}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#83464c;color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.preloader *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preloader-main{position:absolute;top:40%;left:50%;width:100%;transform:translate(-50%,-50%)}@media screen and (min-width: 1280px){.preloader-main{top:45%}}.preloader-main .preloader-main__loader{position:relative;margin:0 auto;width:61px;height:61px}.preloader-main .preloader-main__loader>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-main .preloader-main__loader .preloader-main__bg{background-color:#fff;width:61px;height:61px;transform:translate(calc(-50% + 1px),calc(-50% + 1px)) scale(0)}.preloader-main .preloader-main__loader img{width:60px;height:60px}.preloader-main .preloader-main__text{width:100%;text-align:center;letter-spacing:1px;font-size:16px;font-weight:400;margin-top:24px}@media screen and (min-width: 1280px){.preloader-main .preloader-main__text{letter-spacing:1.5px;font-size:20px;margin-top:32px}}.preloader-main .preloader-main__text .preloader-main__text__dialog{opacity:0;line-height:1.8}.preloader-main .preloader-main__text .preloader-main__text__source{opacity:0;margin-top:12px;font-weight:100;font-size:12px}.preloader-main .preloader-main__text .preloader-main__text__source .sb1{margin-right:4px}.preloader-main .preloader-main__text .preloader-main__text__source .sb2{margin-left:4px}.preloader-bottom{position:absolute;top:80%;left:50%;width:100%;transform:translate(-50%,-50%)}.preloader-bottom .preloader-bottom__logo{margin:0 auto 32px;width:-moz-fit-content;width:fit-content;display:flex;gap:32px;opacity:0;filter:blur(10px)}.preloader-bottom .preloader-bottom__logo .preloader-bottom__logo__img{width:24px;height:24px;margin:0 auto}@media screen and (min-width: 1280px){.preloader-bottom .preloader-bottom__logo .preloader-bottom__logo__img{height:33px;width:100px}.preloader-bottom .preloader-bottom__logo .preloader-bottom__logo__img.fifty{width:70px}}.preloader-bottom .preloader-bottom__writing{opacity:0;filter:blur(10px);margin-bottom:24px}.preloader-bottom .preloader-bottom__writing .tp{display:block}@media screen and (min-width: 1280px){.preloader-bottom .preloader-bottom__writing .tp{display:none}}.preloader-bottom .preloader-bottom__writing .pc{display:none}@media screen and (min-width: 1280px){.preloader-bottom .preloader-bottom__writing .pc{display:block}}.preloader-bottom .preloader-bottom__writing img{width:75%;max-width:350px;margin:0 auto}@media screen and (min-width: 1280px){.preloader-bottom .preloader-bottom__writing img{max-width:750px}}.preloader-bottom .preloader-bottom__small{opacity:0;filter:blur(10px);font-size:8px;font-family:Noto Sans TC;letter-spacing:.5px;font-weight:100;text-align:center}@media screen and (min-width: 425px){.preloader-bottom .preloader-bottom__small{font-size:10px}}@media screen and (min-width: 1280px){.preloader-bottom .preloader-bottom__small{font-size:12px;letter-spacing:1.5px}}.preloader-bottom .preloader-bottom__enter{opacity:0;width:12px;height:12px;margin:48px auto 0;animation:bounce 2s linear infinite}@media screen and (min-width: 1280px){.preloader-bottom .preloader-bottom__enter{width:16px;height:16px}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}header{position:fixed;top:0;left:0;right:0;height:100px;display:flex;justify-content:space-between;align-items:center;padding-inline:30px;z-index:50}@media screen and (min-width: 1280px){header{height:120px;padding-inline:40px 50px}}.header-logo{display:flex;align-items:center;gap:10px;mix-blend-mode:difference;position:relative;z-index:50}.header-logo .img{width:20px;height:20px}.header-logo .link{position:fixed;top:40px;left:50px}@media screen and (min-width: 1280px){.header-logo .link{top:50px}}.header-logo .text{height:20px;width:70px;fill:#fff}@media screen and (min-width: 1280px){.header-logo .img{width:28px;height:28px}.header-logo .link{left:80px}.header-logo .text{width:90px}}@media screen and (min-width: 1440px){.header-logo .img{width:30px;height:30px}.header-logo .text{width:100px}}.menu-btn{display:block;position:relative;cursor:pointer;background-color:var(--custom01);width:30px;height:30px;border-radius:6px}.menu-btn .line{display:block;width:16px;margin:3.5px auto;height:1px;background-color:#fff;border-radius:5px;position:absolute;transition:all .3s ease-in-out}.menu-btn .line.line1{top:5px;left:7px}.menu-btn .line.line2{top:11px;left:7px}.menu-btn .line.line3{top:17px;left:7px}.menu-btn .text{position:absolute;font-size:10px;left:50%;transform:translate(-50%);bottom:-14px;opacity:0;transition:all .3s ease-in-out}@media screen and (min-width: 768px){.menu-btn{width:36px;height:36px}.menu-btn .line.line1{top:8px;left:10px}.menu-btn .line.line2{top:14px;left:10px}.menu-btn .line.line3{top:20px;left:10px}}@media screen and (min-width: 1280px){.menu-btn{width:44px;height:44px}.menu-btn .line{width:16px;margin:2.5px auto}.menu-btn .line.line1{top:12px;left:14px}.menu-btn .line.line2{top:20px;left:14px}.menu-btn .line.line3{top:28px;left:14px}}@media screen and (min-width: 1440px){.menu-btn{width:50px;height:50px}.menu-btn .line{width:20px;margin:3.5px auto}.menu-btn .line.line1{top:12px;left:15px}.menu-btn .line.line2{top:20px;left:15px}.menu-btn .line.line3{top:28px;left:15px}}.menu-open .header-logo{opacity:0;pointer-events:none}.menu-open header .menu-wrapper .menu-btn .line2{transform:rotate(180deg)}.menu-open header .menu-wrapper .menu-btn .line1,.menu-open header .menu-wrapper .menu-btn .line3{top:14px;height:0}.menu-open header .menu-wrapper .menu-btn .text{opacity:1}@media screen and (min-width: 768px){.menu-open header .menu-wrapper .menu-btn .text{opacity:0}.menu-open header .menu-wrapper .menu-btn .line1,.menu-open header .menu-wrapper .menu-btn .line3{top:20px;height:0}}.menu-container.header.open{opacity:1;pointer-events:all}.menu-container.header.open .menu-item,.menu-container.header.open .btn-container{transition:opacity .3s ease-in-out .5s;opacity:1}header .menu-wrapper .menu-btn{position:relative;z-index:15}.menu-container.header{opacity:0;pointer-events:none;transition:all .3s ease-in-out;padding:100px 60px 80px;position:fixed;top:0;left:0;right:0;bottom:0}@media screen and (min-width: 1280px){.menu-container.header{top:20px;right:20px;left:auto;bottom:auto;max-width:940px;width:calc(100vw - 500px);border-radius:12px}}.menu-container.header .tp-logo{position:relative;display:flex;align-items:center;justify-content:center;margin-block:24px}@media screen and (min-width: 1280px){.menu-container.header .tp-logo{display:none}}.menu-container.header .tp-logo .img{height:30px}.menu-container.header .tp-logo .text{width:100px;height:20px;margin-bottom:3.5px;fill:#000}.menu-wrapper{position:relative}.menu-container{overflow-y:auto;color:var(--custom02);z-index:10;background-color:#ffffff91;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}@media screen and (min-width: 1280px){.menu-container{overflow-y:hidden}}.menu-container .menu-list{display:flex;flex-direction:column;align-items:center;position:relative}.menu-container .menu-list>.menu-item{padding:0;border-top:0}.menu-container .menu-list>.menu-item .en{position:relative;overflow:clip;color:transparent}.menu-container .menu-list>.menu-item .en:before{transform:translate(-50%);content:attr(data-en);font-size:17px;color:#4d4d4d;position:absolute;top:0;left:50%;transition:none;width:100%}@media screen and (min-width: 1280px){.menu-container .menu-list>.menu-item .en:before{transform:translate(0);left:0}}.menu-container .menu-list>.menu-item .en:after{transform:translate(-50%,100%);content:attr(data-en);position:absolute;top:0;left:50%;transition:none;font-size:17px;color:#c66;font-weight:500;width:100%}@media screen and (min-width: 1280px){.menu-container .menu-list>.menu-item .en:after{transform:translateY(100%);font-size:17px;left:0}}.menu-container .menu-list>.menu-item .en:hover:before{transform:translate(-50%,-100%);transition:transform .7s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1280px){.menu-container .menu-list>.menu-item .en:hover:before{transform:translateY(-100%)}}.menu-container .menu-list>.menu-item .en:hover:after{transform:translate(-50%);transition:transform .7s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1280px){.menu-container .menu-list>.menu-item .en:hover:after{transform:translate(0)}.menu-container .menu-list{flex-direction:row;align-items:start;gap:40px}}@media screen and (min-width: 1440px){.menu-container .menu-list{gap:80px}}.menu-container .menu-item{opacity:0;transition:none;padding:16px 8px;margin-inline:0;border-top:1px solid rgba(77,77,77,.2);text-align:center}@media screen and (min-width: 1280px){.menu-container .menu-item{padding:20px 10px;text-align:left}}.menu-container .menu-item .en{font-size:18px;margin-bottom:16px;display:none}@media screen and (min-width: 1280px){.menu-container .menu-item .en{display:block}}.menu-container .menu-item .zh{font-size:16px;line-height:16px;letter-spacing:1px;font-weight:400;position:relative;overflow:clip;color:transparent}.menu-container .menu-item .zh:before{content:attr(data-zh);font-size:16px;color:#4d4d4d;position:absolute;top:0;left:50%;transform:translate(-50%);transition:none;width:100%}@media screen and (min-width: 1280px){.menu-container .menu-item .zh:before{transform:translate(0);left:0;font-size:14px}}.menu-container .menu-item .zh:after{content:attr(data-zh);position:absolute;top:0;left:50%;transform:translate(-50%,100%);transition:none;font-size:16px;color:#82393b;font-weight:500;width:100%}@media screen and (min-width: 1280px){.menu-container .menu-item .zh:after{transform:translateY(100%);left:0}}.menu-container .menu-item:hover .zh:before{transform:translate(-50%,-100%);transition:transform .7s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1280px){.menu-container .menu-item:hover .zh:before{transform:translateY(-100%)}}.menu-container .menu-item:hover .zh:after{transform:translate(-50%);transition:transform .7s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1280px){.menu-container .menu-item:hover .zh:after{transform:translate(0)}}.menu-container .submenu-item{display:block;font-size:16px;letter-spacing:1px;font-weight:400;padding:16px 8px;border-top:1px solid rgba(77,77,77,.2)}@media screen and (min-width: 1280px){.menu-container .submenu-item{margin-top:32px;padding:0;border-top:0}}.menu-container .submenu-item .text{font-size:16px;letter-spacing:1px;font-weight:400;position:relative;overflow:clip;color:transparent}.menu-container .submenu-item .text:before{transform:translate(-50%);content:attr(data-zh);font-size:16px;color:#4d4d4d;position:absolute;top:0;left:50%;transition:none;width:100%}@media screen and (min-width: 1280px){.menu-container .submenu-item .text:before{transform:translate(0);left:0}}.menu-container .submenu-item .text:after{transform:translate(-50%,100%);content:attr(data-zh);position:absolute;top:0;left:50%;transition:none;font-size:16px;color:#c66;font-weight:500;width:100%}@media screen and (min-width: 1280px){.menu-container .submenu-item .text:after{transform:translateY(100%);left:0}}.menu-container .submenu-item:hover .text:before{transform:translate(-50%,-100%);transition:transform .7s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1280px){.menu-container .submenu-item:hover .text:before{transform:translateY(-100%)}}.menu-container .submenu-item:hover .text:after{transform:translate(-50%);transition:transform .7s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1280px){.menu-container .submenu-item:hover .text:after{transform:translate(0)}}.menu-container .btn-container{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:28px;border-top:1px solid rgba(77,77,77,.2);opacity:0}@media screen and (min-width: 768px){.menu-container .btn-container{justify-content:start;margin-left:20px;padding-top:36px;border-top:0}}.menu-container .btn-container .rounded-btn{padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(130,57,59,.2)}.menu-container .btn-container .icon{fill:#82393b}.menu-grid{display:inline-block}@media screen and (min-width: 1280px){.menu-grid{flex-grow:1;display:flex;flex-wrap:wrap;align-self:stretch}.menu-grid .menu-col{width:33.3%}.menu-grid .menu-col>.menu-item:last-of-type{border-bottom:1px solid rgba(77,77,77,.2)}}.menu-grid .menu-item{display:block;margin:0 20px}@media screen and (min-width: 1280px){.menu-grid .menu-item{margin:0 8px}}@media screen and (min-width: 1440px){.menu-grid .menu-item{margin:0 8px}}.icon{width:18px;height:18px}@media screen and (min-width: 1280px){.icon{width:16px;height:16px}}footer{background-color:#fff;position:relative;z-index:1}footer.inner-page .menu-wrapper{display:block}footer .top{padding:60px 30px}@media screen and (min-width: 1440px){footer .top{padding-inline:80px}}footer .top .wrapper{max-width:1600px}footer .menu-wrapper{display:none}@media screen and (min-width: 1280px){footer .menu-wrapper{display:block;margin-inline:auto 36px;width:60%}}footer .menu-wrapper .menu-container .menu-list{align-items:start;gap:36px}@media screen and (min-width: 1280px){footer .menu-wrapper .menu-container .menu-list{justify-content:flex-end}}footer .menu-wrapper .menu-container .menu-list>.menu-item{padding-top:20px;border-top:1px solid rgba(77,77,77,.2)}@media screen and (min-width: 1280px){footer .menu-wrapper .menu-container .menu-list>.menu-item{width:20%}}footer .menu-wrapper .menu-container .menu-list>.menu-item .en{font-size:18px;padding-inline:0px}footer .menu-wrapper .menu-container .menu-list .menu-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:24px;column-gap:24px}@media screen and (min-width: 1280px){footer .menu-wrapper .menu-container .menu-list .menu-grid{width:70%;display:flex;justify-content:space-between;flex-grow:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 768px){footer .menu-wrapper .menu-container .menu-list .menu-grid .menu-col{width:auto}}@media screen and (min-width: 1280px){footer .menu-wrapper .menu-container .menu-list .menu-grid .menu-col{width:30%}}@media screen and (min-width: 1440px){footer .menu-wrapper .menu-container .menu-list .menu-grid .menu-col{width:28%}}@media screen and (max-width: 1279px){footer .menu-wrapper .menu-container .menu-list .menu-grid .menu-col>.menu-item:last-of-type{border-bottom:0}}footer .menu-wrapper .menu-container .menu-list .menu-grid .menu-col:last-of-type{grid-column:span 2;display:flex;gap:24px}@media screen and (min-width: 1280px){footer .menu-wrapper .menu-container .menu-list .menu-grid .menu-col:last-of-type{display:block}}footer .menu-wrapper .menu-container .menu-list .menu-grid .menu-col:last-of-type .menu-item{width:50%}@media screen and (min-width: 1280px){footer .menu-wrapper .menu-container .menu-list .menu-grid .menu-col:last-of-type .menu-item{width:auto}}footer .menu-wrapper .menu-container .menu-item{opacity:1;text-align:left;padding-inline:0;margin-inline:0}footer .menu-wrapper .menu-container .menu-item .en{display:block;font-size:14px;margin-bottom:8px}@media screen and (min-width: 1280px){footer .menu-wrapper .menu-container .menu-item .en{font-size:16px}}footer .menu-wrapper .menu-container .menu-item .zh{font-size:14px;line-height:16px;color:transparent;transition:all .3s ease-in-out}footer .menu-wrapper .menu-container .menu-item .zh:before,footer .menu-wrapper .menu-container .menu-item .zh:after{font-size:14px}footer .menu-wrapper .menu-container .submenu-item{font-size:14px;border-top:0;padding:8px 0;display:flex;align-items:center}@media screen and (min-width: 768px){footer .menu-wrapper .menu-container .submenu-item{margin-top:0}}@media screen and (min-width: 1440px){footer .menu-wrapper .menu-container .submenu-item{margin-top:6px}}footer .menu-wrapper .menu-container .submenu-item .text{font-size:14px}footer .menu-wrapper .menu-container .submenu-item .text:before,footer .menu-wrapper .menu-container .submenu-item .text:after{font-size:14px}footer .menu-wrapper .menu-container .submenu-item .icon{margin-left:12px;stroke:#999;width:12px}@media screen and (min-width: 1280px){footer .menu-wrapper .menu-container .submenu-item .icon{margin-left:6px}}footer .bottom{background-color:#333;color:#fff;padding:20px 0}footer .bottom .wrapper{display:flex;justify-content:center;font-size:9px;align-items:center}@media screen and (min-width: 768px){footer .bottom .wrapper{font-size:10px}}@media screen and (min-width: 1280px){footer .bottom .wrapper{font-size:12px}}footer .bottom .copyright{letter-spacing:1px;font-family:Noto Sans TC}footer .bottom .link-container{display:flex}footer .bottom .link-container .link{display:inline-block;padding:0 6px}@media screen and (min-width: 768px){footer .bottom .link-container .link{padding:0 12px}}footer .bottom .link-container .link:not(:last-child){border-right:1px solid rgba(255,255,255,.2)}.footer-logo-container{display:none}@media screen and (min-width: 1280px){.footer-logo-container{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-logo-container .logo-text{width:100px}}.footer-logo-container .footer-logo{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo-container .footer-logo .logo-icon{width:30px}@media screen and (min-width: 768px){.footer-logo-container .footer-logo .logo-icon{width:36px}}@media screen and (min-width: 1280px){.footer-logo-container .footer-logo .logo-icon{width:50px}}.nav-container{display:flex;flex-direction:column-reverse;row-gap:48px}@media screen and (min-width: 1280px){.nav-container{flex-direction:row;margin-top:24px;row-gap:0}}.nav-container .tp-logo{display:flex;align-items:center;-moz-column-gap:12px;column-gap:12px;margin-bottom:24px}.nav-container .tp-logo .logo-icon{width:36px}@media screen and (min-width: 1280px){.nav-container .tp-logo .logo-icon{display:none}}.nav-container .tp-logo .logo-name{width:220px}.nav-container .company-info{display:flex;flex-direction:column;gap:20px}.nav-container .company-info .item{color:#4d4d4d;letter-spacing:1px;font-size:13px;display:flex;align-items:center;gap:12px}.nav-container .company-info .icon{border-radius:50%;padding:6px;border:1px solid #82393b;fill:#82393b;width:28px;height:28px}.company-collection{width:13%;display:none}@media screen and (min-width: 1280px){.company-collection{display:block}}.company-collection .company-name{color:#c47f7899;letter-spacing:1px;font-size:15px;text-align:justify}@media screen and (min-width: 1280px){.company-collection .company-name{font-size:13px}}.company-collection .company-name:after{content:"";display:inline-block;width:100%}*{box-sizing:border-box}body{font-family:Reem Kufi,Noto Sans TC,微軟正黑體,sans-serif;font-size:14px}body.no-scroll{overflow:hidden}.vertical-text{writing-mode:vertical-lr}.page-wrapper{max-width:1920px;margin:0 auto}.wrapper{max-width:1400px;margin:0 auto}.square-btn-container{padding:3px 6px;background:#4d4d4d;align-items:center;display:inline-flex;gap:20px}.square-btn-container.gray{background:#b5b5b6}.square-btn-container.custom01{background:#82393b}.square-btn-container .square-btn{color:#fff;font-family:Noto Sans TC;font-size:12px;letter-spacing:.8px;position:relative;overflow:clip;color:transparent}.square-btn-container .square-btn:before,.square-btn-container .square-btn:after{font-size:12px}.square-btn-container .square-btn:before{transform:translate(-50%);content:attr(data-en);color:#fff;position:absolute;top:0;left:50%;transition:none;width:100%}@media screen and (min-width: 1280px){.square-btn-container .square-btn:before{transform:translate(0);left:0}}.square-btn-container .square-btn:after{transform:translate(-50%,100%);content:attr(data-zh);position:absolute;top:0;left:50%;transition:none;color:#fff;font-weight:500;width:100%}@media screen and (min-width: 1280px){.square-btn-container .square-btn:after{transform:translateY(100%);left:0}}.square-btn-container:hover{background:#82393b}.square-btn-container:hover .square-btn:before{transform:translate(-50%,-100%);transition:transform .7s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1280px){.square-btn-container:hover .square-btn:before{transform:translateY(-100%)}}.square-btn-container:hover .square-btn:after{transform:translate(-50%);transition:transform .7s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1280px){.square-btn-container:hover .square-btn:after{transform:translate(0)}}.square-btn-container .icon{stroke:#fff;width:8px;height:8px}.swiper .img-container{position:relative;display:block}.swiper .img-container img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.js-scroll-up{overflow:hidden}.js-scroll-up.enter .js-scroll-item{transform:translateZ(0)}.js-scroll-up .js-scroll-item{transition:transform 1.2s cubic-bezier(.16,1,.3,1);transform:translate3d(0,100px,0)}.js-scroll-right{overflow:hidden}.js-scroll-right.enter .js-scroll-item{transform:translateZ(0)}.js-scroll-right .js-scroll-item{transition:transform 1.2s cubic-bezier(.16,1,.3,1);transform:translate3d(100px,0,0)}