@charset "utf-8";
/*font*/
@font-face {font-family:"icomoon";src:url("font/icomoon.ttf");}
@font-face {font-family:"HarmonyOS_Sans";src:url("font/HarmonyOS_Sans.ttf");}
/*var*/
:root{--main-color:#df6890;--secd-color:#e9d961;--Bold:700;--SemiBold:600;--Medium:500;--Regular:400;--Light:300;--Thin:100;}
/*global style*/
html{margin-top:0 !important;}
ul,li,dl,dd,p,span,em,i,div,img,h1,h2,h3,h4,h5,h6,a,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font:20px "HarmonyOS_Sans", "Arial";font-weight:400;color:#333;width:100vw;overflow-x:hidden;background-color:#fff;margin:0;}
body::-webkit-scrollbar{width:4px;height:4px;background-color:#faece5;}
body::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:var(--main-color);}
table{border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color:var(--main-color);}
ul,li{list-style:none;}
img{vertical-align:top;}
hr{display:none;}
figure{margin:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;}
input{outline:none;vertical-align:middle;font-family:"HarmonyOS_Sans";}
input[type='number']{-moz-appearance:textfield;}
input[type="submit"],button{cursor:pointer;}
textarea{vertical-align:top;resize:none;outline:none;overflow:hidden;font-family:"HarmonyOS_Sans";}
button{font-family:"HarmonyOS_Sans";cursor:pointer;}
p{font-size:0.9vw;line-height:1.35em;}
h1{font-size:3vw;line-height:1.2em;}
h2{font-size:2.3vw;line-height:1.2em;}
h3{font-size:1.5vw;line-height:1.2em;}
h4{font-size:1vw;line-height:1.2em;}
.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}
.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:" ";}
/* backToTop */
#wpadminbar{display:none;}
#a-point{position:relative;top:-2.3vw;display:block;height:0;overflow:hidden;}
.hidden{display:none;}
.m-Top{margin-top:7vw;}
.main-width{width:87.5vw;margin:0 auto;}
.secd-width{width:92vw;margin:0 auto;}
.bread{width:100%;padding:0.5vw 0;box-sizing:border-box;}
.bread p{display:flex;align-items:center;column-gap:0.5em;font-size:0.73vw;;color:#404040;flex-wrap:wrap;}
.bread p span{color:var(--main-color);}
.bread i{font-family:dashicons;}
.bread i:before{content:"\f345";}
.loadico{display:none;position:relative;width:60px;height:30px;margin:30px auto 0;}
.loadico:before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;background-color:#d72027;border-radius:50%;animation:loadl 1s linear infinite;}
.loadico:after{content:"";position:absolute;right:0;top:5px;width:20px;height:20px;background-color:#fd898d;border-radius:50%;animation:loadr 1s linear infinite;}
.load .loadico{display:block;}
.wp-block-button__link{padding:0.5em 1.5em !important;font-size:1vw;transition:all .3s;}
.wp-block-button__link:after{content:"→";margin-left:-1em;opacity:0;transition:all .3s;}
.wp-block-button__link:hover{background-color:var(--main-color);border-color:var(--main-color);color:#fff;}
.wp-block-button__link:hover:after{margin-left:0.5em;opacity:1;}
.is-style-outline .wp-block-button__link{padding:0.55em 1.5em 0.45em !important;}
.xt-btn{display:inline-block;padding:0.5em 1.5em !important;background-color:#000;color:#fff;font-size:1vw;transition:all .3s;}
.xt-btn:after{content:"→";margin-left:-1em;opacity:0;transition:all .3s;}
.xt-btn:hover{background-color:var(--main-color);color:#fff;}
.xt-btn:hover:after{margin-left:0.5em;opacity:1;}

.prompt,.loading{position:fixed;left:50%;top:50%;padding:1.5em 2em;transform:translateX(-50%);background-color:rgba(0,0,0,.5);border-radius:0.5em;opacity:0;z-index:-1;transition:opacity .5s,z-index .5s;}
.prompt p,.loading p{position:relative;line-height:1.5em;padding-left:2em;font-size:1em;color:#fff;}
.prompt p:before,.loading p:before{position:absolute;left:0;top:0;width:1em;height:1em;line-height:1em;text-align:center;font-family:dashicons;font-size:1.5em;}
.prompt.warning p:before{content:"\f14c";color:#ffc600;}
.prompt.error p:before{content:"\f10f";color:#ff6d6d;transform:rotate(45deg);}
.prompt.success p:before{content:"\f15e";color:#5af0a8;}
.prompt.on,.loading.on{opacity:1;z-index:999;}
.loading p:before{content:"\f463";color:#5af0a8;animation:loadRotate 1s linear infinite;}
@keyframes loadRotate{
0% {transform:rotate(0);}
100% {transform:rotate(360deg);}
}

@keyframes loadl{
0% {transform:translateX(0) scale(1);z-index:9;}
25% {transform:translateX(20px) scale(1.1);z-index:99;}
50% {transform:translateX(40px) scale(1);z-index:9;}
75% {transform:translateX(20px) scale(0.4);z-index:9;}
100% {transform:translateX(0) scale(1);z-index:9;}
}
@keyframes loadr{
0% {transform:translateX(0) scale(1);z-index:9;}
25% {transform:translateX(-20px) scale(0.4);z-index:9;}
50% {transform:translateX(-40px) scale(1);z-index:9;}
75% {transform:translateX(-20px) scale(1.1);z-index:99;}
100% {transform:translateX(0) scale(1);z-index:9;}
}

header{position:fixed;left:0;top:0;width:100%;height:7em;font-size:1vw;z-index:9999;transition:all .5s;}
header .main-width{display:flex;justify-content:space-between;align-items:center;height:100%;}
header .menubtn{display:none;flex-direction:column;justify-content:space-between;width:1.5em;height:1em;cursor:pointer;transition:all .3s;}
header .menubtn span{display:block;width:100%;height:2px;background-color:#fff;border-radius:1px;transform-origin:9.5% 50%;transition:all .3s;}
header .logo{height:3em;}
header .logo img{width:auto;height:100%;}
header .nav a{color:#fff;}
header .nav .one{display:flex;align-items:center;}
header .nav .one > li{position:relative;line-height:1.2em;padding:2.88em 1.5em;transition:all .5s;}
header .nav .one > li > a{font-size:1.15em;}
header .nav .one > li.menu-item-has-children:before{content:"\f140";position:absolute;left:calc(100% - 1.5em);top:2.88em;font-family:dashicons;color:#fff;transition:all .5s;}
header .nav .one > li:hover .sub-menu{display:block;}
header .nav .sub-menu{display:none;position:absolute;left:50%;top:calc(100% - 1.4em);transform:translateX(-50%);width:12em;background-color:rgba(223,104,144,0.4);border-top:3px solid var(--main-color);box-shadow:0 0 10px rgba(0,0,0,.1);backdrop-filter:saturate(180%) blur(5px);transition:all .5s;}
header .nav .sub-menu > li{line-height:1.2em;white-space:nowrap;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);}
header .nav .sub-menu > li > a{display:block;padding:0.5em;font-size:0.9em;color:#fff;}
header .nav .sub-menu > li > a:hover{background-color:var(--main-color);color:#fff;}
header .nav .sub-menu > li:last-child{border-bottom:none;}
header .nav .sub-menu:before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);width:0;height:0;margin-left:-6px;border:6px solid transparent;border-bottom-color:var(--main-color);}
header .func{display:flex;align-items:center;column-gap:0.5em;}
header .func .cart{display:block;position:relative;width:2em;height:2em;line-height:2em;text-align:center;color:#fff;}
header .func .cart i{position:absolute;right:0;top:0;width:1.6em;height:1.6em;line-height:1.6em;background-color:red;color:#fff;border:1px solid #fff;border-radius:50%;font-size:0.5em;text-align:center;}
header .func .cart i.s0{display:none;}
header .func .cart:before{content:"\f174";font-family:dashicons;font-size:1.5em;}
header.flow{height:4em;background-color:var(--main-color);}
header.flow .nav .one > li{padding:1.38em 1.5em;}
header.flow .nav .one > li.menu-item-has-children:before{top:1.38em;}
header.flow .nav .sub-menu:before{border-bottom-color:#fff;}
header.flow .nav .sub-menu{top:100%;margin-top:-3px;}
header.action .menubtn .b1{transform:rotate(45deg);}
header.action .menubtn .b2{opacity:0;}
header.action .menubtn .b3{transform:rotate(-45deg);}
.single header{background-color:var(--main-color);}
.page-template-cart header{background-color:var(--main-color);}
.page-template-orders header{background-color:var(--main-color);}
.page-template-success header{background-color:var(--main-color);}
.page-template-download header{background-color:var(--main-color);}


footer{padding:4vw 0 2vw;}
footer h3{margin-bottom:0.8em;font-size:1.8vw;font-weight:var(--Bold);}
footer p{line-height:1.5em;font-size:0.85vw;}
footer .main-width{display:flex;justify-content:space-between;}
footer .about{width:26.7%;}
footer .about .wp-block-image{height:6.3vw;margin-bottom:1.5vw;}
footer .about .wp-block-image img{width:auto;height:100%;}
footer .about .wp-block-buttons{margin-top:1.5vw;}
footer .menu-footer-nav-container .one{display:flex;column-gap:6.2vw;}
footer .menu-footer-nav-container .one > li > a{display:block;line-height:1.2em;margin-bottom:0.8em;font-size:1.8vw;font-weight:var(--Bold);}
footer .menu-footer-nav-container .sub-menu li{line-height:1.5em;margin-top:1em;font-size:1vw;}
footer .contact{display:flex;flex-direction:column;row-gap:0;justify-content:space-between;}
footer .contact ul{margin:0 0 auto;}
footer .contact li{line-height:1.5em;margin-top:1em;font-size:1vw;}
footer .contact .wp-block-image{width:1.3vw;height:1.3vw}
footer .contact .wp-block-image img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%) brightness(0);transition:all .3s;}
footer .contact .wp-block-image img:hover{filter:grayscale(0) brightness(1);}
footer .contact .wp-block-group{column-gap:0.5vw;}
.copyright .main-width{padding:1vw 0 2vw;border-top:1px solid #ddd;}


li.item-pro .pic dd{display:none;position:relative;height:0;padding-bottom:100%;background-color:#fff;box-shadow:0 0 1vw rgba(0,0,0,.2);border-radius:1.4vw;overflow:hidden;}
li.item-pro .pic dd img{position:absolute;left:10%;top:10%;width:80%;height:80%;object-fit:contain;transition:all .5s;}
li.item-pro .pic dd img.sence{opacity:0;left:0;top:0;width:100%;height:100%;object-fit:cover;}
li.item-pro .pic dd a{position:absolute;left:0;top:0;width:100%;height:100%;}
li.item-pro .pic dd:hover img{opacity:0;}
li.item-pro .pic dd:hover img.sence{opacity:1;}
li.item-pro .pic dd.on{display:block;}
li.item-pro .text{position:relative;padding:1vw 0.5vw 0 1vw;}
li.item-pro .text h3{padding-right:1em;margin-bottom:0.2em;font-size:1.5vw;font-weight:var(--Bold);}
li.item-pro .text p{color:#6a6a6a}
li.item-pro .text .info dd{position:relative;display:none;}
li.item-pro .text .info dd.on{display:block;}
li.item-pro .text .info .addcart{display:none;position:absolute;right:0;top:0;line-height:1.5em;font-size:1.2vw;font-family:dashicons;cursor:pointer;}
li.item-pro .text .info .addcart:before{content:"\f174";}
li.item-pro .text .info .addcart:hover{color:var(--main-color);}
li.item-pro .text .func{display:flex;justify-content:space-between;align-items:center;column-gap:0.5em;margin-top:0.5em;font-size:1vw;}
li.item-pro .text .func .model dd{display:none;line-height:1.5em;padding:0.15em 0.5em 0;background-color:#d5d5d5;color:#fff;font-size:0.8em;}
li.item-pro .text .func .model dd.on{display:block;}
li.item-pro .text .func .color{display:flex;column-gap:0.3em;margin:0 auto 0 0;}
li.item-pro .text .func .color dd{width:2em;height:2em;padding:2px;border:1px solid #ddd;border-radius:0.3em;overflow:hidden;box-sizing:border-box;cursor:pointer;}
li.item-pro .text .func .color dd img{width:100%;height:100%;object-fit:contain;}
li.item-pro .text .func .color dd.on{border-color:var(--main-color);}
li.item-pro .text .func .price{font-size:1.2em;}
li.item-pro .text .func .price dd{display:none;}
li.item-pro .text .func .price dd.on{display:block;}
li.item-news .pic{position:relative;height:0;padding-bottom:78%;overflow:hidden;}
li.item-news .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all .5s;}
li.item-news .pic img:hover{transform:scale(1.05);}
li.item-news .text{position:relative;margin-top:1.3vw;padding-top:1vw;border-top:1px solid #cacaca;}
li.item-news .text time{display:block;line-height:1.35em;font-size:0.9vw;font-weight:var(--Light);color:#999;}
li.item-news .text h3{min-height:2.4em;margin:0.3em 0 0.5em;font-size:1.4vw;font-weight:var(--Bold);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
li.item-news .text p{font-size:0.8vw;color:var(--main-color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


.pageinfo{margin-top:3vw;}
.pageinfo ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0.5vw;}
.pageinfo li{line-height:1.9em;padding:0.1em 0.72em 0;font-size:0.85vw;border:1px solid var(--main-color);border-radius:2em;cursor:pointer;}
.pageinfo li:hover{color:var(--main-color);}
.pageinfo li.nb{cursor:default;color:#999;}
.pageinfo li.nb:hover{color:#999;}
.pageinfo li.on{background-color:var(--main-color);border-color:var(--main-color);color:#fff;}
.pageinfo li.home:before{content:"\e908";display:block;font-family:"icomoon";}
.pageinfo li.last:before{content:"\e908";display:block;font-family:"icomoon";transform:rotate(180deg);}
.pageinfo li.hide{display:none;}


.com-message{padding:2vw 0;background-color:var(--main-color);overflow:hidden;}
.com-message h2{font-size:1.5vw;color:#fff;}
.com-message p{display:none;}
.com-message .widget_simple_message{display:flex;justify-content:space-between;align-items:center;}
.com-message .simple-message{width:50.5em;font-size:0.9vw;}
.com-message .simple-message input{width:100%;height:2.6em;padding:0 0.7em;font-size:1em;box-sizing:border-box;}
.com-message .simple-message button{width:100%;height:2.6em;font-size:1em;border:none;background-color:var(--secd-color);color:#fff;cursor:pointer;}
.com-message .simple-message ul{display:flex;column-gap:1em;}
.com-message .simple-message li.sm-email{position:relative;width:16em;}
.com-message .simple-message li.sm-email input{padding-left:;}
.com-message .simple-message li.sm-email:before{content:"";font-family:"icomoon";}
.com-message .simple-message li.sm-message{width:calc(100% - 28em);}
.com-message .simple-message li.sm-subtn{width:10em;}

.com-banner{height:44.8vw;}
.com-banner h1{margin:0.1em 0 0.2em;font-size:4.8vw;}
.com-banner p{line-height:1.5em;font-weight:var(--Light);font-style:italic;}
.com-banner .wp-block-image{height:1.93vw;}
.com-banner .wp-block-image img{width:auto;height:100%;}
.com-banner .wp-block-cover{height:100%;min-height:0;padding:7vw 4vw 1vw;}
.com-banner .wp-block-list{display:flex;justify-content:center;flex-wrap:wrap;column-gap:4vw;row-gap:0.8vw;margin-top:2vw;}
.com-banner .wp-block-list li{display:flex;line-height:1.3em;font-size:1vw;column-gap:0.4em;}
.com-banner .wp-block-list li a{color:#fff;}
.com-banner .wp-block-list li:before{display:block;font-family:"icomoon";}
.com-banner .wp-block-list .mail:before{content:"\e905";}
.com-banner .wp-block-list .tel:before{content:"\e91d";}
.com-banner .wp-block-list .add{width:100%;justify-content:center;text-align:center;}
.com-banner .wp-block-list .add:before{content:"\e907";}
.com-banner .wp-block-buttons{margin-top:2vw;}
.com-banner .wp-block-button__link{font-style:italic;}

.com-advantage{padding:2.5vw 0;border-top:1px solid #ddd;}
.com-advantage .wp-block-image{display:flex;align-items:center;column-gap:1vw;}
.com-advantage .wp-block-image img{width:4vw;height:4vw;}
.com-advantage .wp-block-image figcaption{line-height:1.4em;margin:0;font-size:1.2vw;font-weight:var(--Medium);}

.com-cate{padding:2.5vw 0;}
.com-cate a{display:block;line-height:1.2em;padding:0.4em 1.8em;border-radius:2em;font-size:1.2vw;}
.com-cate a.active,.com-cate a:hover{background-color:var(--main-color);color:#fff;}
.com-cate .main-width{display:flex;justify-content:center;align-items:center;column-gap:5vw;row-gap:1vw;}

.com-mes .is-layout-grid{column-gap:10vw;}
.com-mes .is-vertical{align-self:center;row-gap:1vw;}
.com-mes .wp-block-buttons{margin-top:1vw;}
.com-mes .simple-message p{display:none;}
.com-mes .simple-message ul{display:flex;flex-direction:column;row-gap:0.5vw;}
.com-mes .simple-message input,.com-mes .simple-message textarea{width:100%;height:3.2em;padding:0 1em;border-radius:0.4em;background-color:#fff;box-sizing:border-box;font-size:0.9vw;}
.com-mes .simple-message textarea{height:10em;padding:0.8em 1em;}
.com-mes .simple-message button{width:100%;height:3.2em;border-radius:0.4em;background-color:var(--main-color);color:#fff;border:none;font-size:0.9vw;cursor:pointer;}

.index-main h2{font-size:2.8vw;}

.index-banner{position:relative;height:100vh;}
.index-banner h1{line-height:1em;margin:0.3em 0 0.2em;font-size:4.8vw;}
.index-banner p{font-size:0.94vw;font-weight:var(--Thin);font-style:italic;}
.index-banner .wp-block-cover{height:100%;padding:7vw 4vw 1vw;}
.index-banner .wp-block-image img{width:auto;height:1.93vw;}
.index-banner .wp-block-buttons{margin-top:3vw;column-gap:3vw;}


.index-about{padding:4.5vw 0;}
.index-about .link{margin-top:3em;}
.index-about .wp-block-media-text{margin-bottom:4.5vw;}
.index-about .wp-block-media-text h2{margin-bottom:1em;}
.index-about .wp-block-media-text p{margin-top:1.35em;font-size:1vw;}
.index-about .wp-block-media-text__media{border-radius:1.6vw;overflow:hidden;}
.index-about .wp-block-media-text__content{padding:0 5% 0 0;}
.index-about .wp-block-cover{height:45vw;padding:8.3vw 4vw;border-radius:1.6vw;}
.index-about .wp-block-cover h2{position:relative;line-height:1.5em;padding-bottom:0.6em;font-size:2.5vw;}
.index-about .wp-block-cover h2:before{content:"";position:absolute;right:0;bottom:0;width:2.9em;height:0.18em;background-color:var(--main-color);}
.index-about .is-layout-grid{position:relative;margin:-6.8vw 4.5vw 0 0;background-color:#fff;border-radius:0 1.6vw 1.6vw 0;column-gap:0;overflow:hidden;}
.index-about .is-vertical{padding:4.5vw 3.2vw;transition:all .5s;}
.index-about .is-vertical h3{font-size:3.3vw;font-weight:var(--Bold);}
.index-about .is-vertical p{font-size:0.88vw;font-weight:var(--Light);}
.index-about .is-vertical:hover{background-color:var(--main-color);color:#fff;}

.index-design h2{position:relative;padding-bottom:0.5em;margin-bottom:0.5em;font-size:2.8vw;}
.index-design h2:before{content:"";position:absolute;left:50%;bottom:0;width:1.7em;height:0.11em;margin-left:-0.85em;background-color:var(--main-color);}
.index-design h3{min-height:2.4em;margin-bottom:0.6em;font-size:1.8vw;}
.index-design p{font-size:1vw;font-weight:var(--Light);}
.index-design .wp-block-cover{padding:7.8vw 0;}
.index-design .wp-block-cover__inner-container{width:87.5vw;margin:0 auto;}
.index-design .wp-block-media-text{display:flex;align-items:center;justify-content:space-between;margin-bottom:5vw;}
.index-design .wp-block-media-text img{width:3.85vw;height:3.85vw;}
.index-design .wp-block-media-text h2{padding-bottom:0;margin-bottom:0;font-size:4vw;font-weight:var(--Bold);font-style:italic;}
.index-design .wp-block-media-text h2:before{display:none;}
.index-design .is-layout-grid{column-gap:1.3vw;margin-top:3vw;}
.index-design .is-vertical{display:block;padding:2vw 2vw 4vw;background-color:rgba(0,0,0,.55);border-radius:1.6vw;transition:all .5s;}
.index-design .is-vertical p{line-height:1.5em;font-size:0.9vw;font-weight:var(--Light);}
.index-design .is-vertical:hover{transform:translateY(-0.5vw);box-shadow:0 0.5vw 3vw rgba(223,104,144,.8);}

.index-partner{padding:6.5vw 0;}
.index-partner h2{position:relative;padding-bottom:0.5em;margin-bottom:0.5em;}
.index-partner h2:before{content:"";position:absolute;left:50%;bottom:0;width:1.7em;height:0.11em;margin-left:-0.85em;background-color:var(--main-color);}
.index-partner .wp-block-gallery{position:relative;display:block;width:87.5vw;margin-top:3vw;box-sizing:border-box;}
.index-partner .wp-block-gallery .slide-pic{overflow:hidden;}
.index-partner .wp-block-gallery .slide-pic ul{display:flex;flex-wrap:nowrap;width:max-content;gap:0;}
.index-partner .wp-block-gallery .slide-pic li{flex:0 0 auto;width:auto;height:8vw;margin-right:3vw;}
.index-partner .wp-block-gallery .slide-pic li .wp-block-image{display:block;width:auto !important;height:100%;}
.index-partner .wp-block-gallery .slide-pic li .wp-block-image img{width:auto !important;height:100% !important;max-width:none !important;}
.index-partner .wp-block-gallery .slide-pic ul.marquee-on{animation:partnerMarquee var(--marquee-duration,40s) linear infinite;backface-visibility:hidden;}
@keyframes partnerMarquee{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}

.index-comfort{height:100vh;}
.index-comfort h2{margin-bottom:0.3em;font-size:5vw;}
.index-comfort p{font-size:1.5vw;}
.index-comfort .wp-block-cover{height:100%;padding:6.5vw 4vw;}

.index-shoes{padding:4.5vw 0;text-align:center;overflow:hidden;}
.index-shoes h2{position:relative;padding-bottom:0.5em;margin-bottom:1em;}
.index-shoes h2:before{content:"";position:absolute;left:50%;bottom:0;width:1.7em;height:0.11em;margin-left:-0.85em;background-color:var(--main-color);}
.index-shoes h3{margin-bottom:0.6em;}
.index-shoes p{line-height:1.5em;font-size:1vw;font-weight:var(--Light);color:#919191;}
.index-shoes .wp-block-media-text{display:block;width:100%;}
.index-shoes .wp-block-media-text__media{width:52vw;height:28vw;margin-bottom:5vw;border-radius:1.6vw;background-color:#000;overflow:hidden;transform:scale(.9);transition:all .5s;}
.index-shoes .wp-block-media-text__media img{width:100%;height:100%;object-fit:cover;opacity:.38;transition:all .5s;}
.index-shoes .wp-block-media-text__content{width:128%;margin-left:-14%;padding:0;opacity:0;z-index:-1;transition:all .5s;}
.index-shoes .slide-shoes{position:relative;}
.index-shoes .slide-shoes .btn{position:absolute;top:33vw;width:2em;height:2em;line-height:2.1em;text-align:center;background-color:#fff;border:1px solid var(--main-color);color:var(--main-color);font-size:1.8vw;border-radius:50%;cursor:pointer;overflow:hidden;z-index:1;transition:all .5s;}
.index-shoes .slide-shoes .btn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-image:linear-gradient(220deg,#e16f88,#fedd0c);z-index:-1;transition:all .5s;}
.index-shoes .slide-shoes .btn:hover{border-color:rgba(255,255,255,0);color:#fff;}
.index-shoes .slide-shoes .btn:hover:before{opacity:1;}
.index-shoes .slide-shoes .btn.prev{left:0;}
.index-shoes .slide-shoes .btn.next{right:0;}
.index-shoes .slide-pic{width:52vw;margin:0 auto;}
.index-shoes .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;overflow:visible !important;}
.index-shoes .slide-pic li{width:52vw;margin-right:1.6vw;}
.index-shoes .slide-pic li.active .wp-block-media-text__content{opacity:1;z-index:1;}
.index-shoes .slide-pic li.active .wp-block-media-text__media{transform:scale(1);}
.index-shoes .slide-pic li.active .wp-block-media-text__media img{opacity:1;}
.index-shoes .slide-dot{position:absolute;left:0;top:calc(30.5vw - 5px);width:100%;}
.index-shoes .slide-dot ul{display:flex;justify-content:center;column-gap:7px;}
.index-shoes .slide-dot li{width:9px;height:9px;background-color:#b4b4b4;border-radius:50%;cursor:pointer;}
.index-shoes .slide-dot li.active{background-color:var(--main-color);}

.index-products{padding:2vw 0 4.5vw;text-align:center;overflow:hidden;}
.index-products ul{display:flex;column-gap:5%;margin-bottom:3vw;}
.index-products li{width:30%;text-align:left;}

.index-news{padding:3vw 0 4.5vw;text-align:center;}
.index-news h2{position:relative;padding-bottom:0.5em;margin-bottom:0.5em;}
.index-news h2 span{color:var(--main-color);}
.index-news h2:before{content:"";position:absolute;left:50%;bottom:0;width:1.7em;height:0.11em;margin-left:-0.85em;background-color:var(--main-color);}
.index-news ul{display:flex;column-gap:1.4%;margin:3vw 0;}
.index-news li{width:32.4%;text-align:left;}
.index-news li:last-child{display:none;}

.list-products{padding:4.5vw 0;}
.list-products section{margin-top:2.5vw;}
.list-products .main-width{display:flex;justify-content:space-between;}
.list-products .side{width:18%;}
.list-products .side h3{margin-bottom:0.3em;font-size:1.7vw;}
.list-products .side .cate li{line-height:1.2em;margin-top:1em;font-size:1.2vw;}
.list-products .side .cate li.on a{color:var(--main-color);}
.list-products .side .filter-price button{width:100%;height:2em;background-color:#fff;border:1px solid #333;border-radius:0.4em;font-size:1vw;transition:all .3s;}
.list-products .side .filter-price button:hover{border-color:var(--main-color);background-color:var(--main-color);color:#fff;}
.list-products .side .filter-price ul{display:none;}
.list-products .side .filter-price .range-slider{position:relative;width:100%;height:18px;}
.list-products .side .filter-price .range-slider input[type="range"]{position:absolute;top:10px;left:0;width:100%;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none;}
.list-products .side .filter-price .range-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--main-color);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer;}
.list-products .side .filter-price .range-slider input[type="range"]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--main-color);border:2px solid #fff;cursor:pointer;}
.list-products .side .filter-price .range-slider .track{position:absolute;top:18px;left:0;right:0;height:4px;background:#ddd;border-radius:2px;}
.list-products .side .filter-price .range-slider .track-highlight{position:absolute;top:18px;height:4px;background:var(--main-color);border-radius:2px;pointer-events:none;}
.list-products .side .filter-price .values{display:flex;justify-content:space-between;align-items:center;margin:1em 0;font-size:1vw;}
.list-products .side .filter-size ul{display:flex;flex-wrap:wrap;gap:0.5vw;}
.list-products .side .filter-size li{line-height:1.9em;padding:0.1em 0.72em 0;font-size:0.85vw;border:1px solid var(--main-color);border-radius:2em;cursor:pointer;}
.list-products .side .filter-size li.on{background-color:var(--main-color);color:#fff;}
.list-products .cont{width:76%;}
.list-products .cont h2{margin:1em 0;font-size:1.4vw;}
.list-products .cont .list ul{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:2vw;}
.list-products .cont .list li{display:none;width:32%;}
.list-products .cont .list li.on.show{display:block;}

.main-products{padding:3.5vw 0;}
.main-products .overview{position:relative;display:flex;justify-content:space-between;align-items:flex-start;}
.main-products .overview .picbox{width:44vw;}
.main-products .overview .picbox .slide-pro{font-size:1vw;}
.main-products .overview .picbox .slide-pic{width:44em;height:32em;margin-bottom:0.8em;border:1px solid #ddd;box-sizing:border-box;overflow:hidden;}
.main-products .overview .picbox .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-products .overview .picbox .slide-pic li{width:calc(44em - 2px);height:calc(32em - 2px);}
.main-products .overview .picbox .slide-pic li img{width:100%;height:100%;object-fit:contain;}
.main-products .overview .picbox .slide-dot{overflow:hidden;}
.main-products .overview .picbox .slide-dot ul{display:flex;flex-wrap:wrap;width:1000%;column-gap:0.8em;}
.main-products .overview .picbox .slide-dot ul li{width:10.4em;height:7.56em;border:1px solid #ddd;box-sizing:border-box;}
.main-products .overview .picbox .slide-dot ul li img{width:100%;height:100%;object-fit:contain;}
.main-products .overview .picbox .slide-dot ul li.active{border-color:var(--main-color);}
.main-products .overview .text{top:5vw;width:calc(100% - 47vw);}
.main-products .overview .text h1{margin-bottom:0.1em;font-size:3.9vw;}
.main-products .overview .text .price{margin-bottom:0.3em;font-size:1.5vw;font-weight:var(--Bold);color:var(--main-color);}
.main-products .overview .text .model{display:inline-block;line-height:1.5em;padding:0.2em 0.5em 0;font-size:0.7vw;background-color:#d5d5d5;color:#fff;}
.main-products .overview .text .option{display:flex;align-items:center;column-gap:1vw;}
.main-products .overview .text .option h3{font-size:1vw;}
.main-products .overview .text .color{margin-top:2vw;}
.main-products .overview .text .color ul{display:flex;gap:0.5vw;}
.main-products .overview .text .color li{width:2.6vw;height:2.6vw;padding:0.2vw;border:1px solid #ddd;border-radius:0.4vw;box-sizing:border-box;}
.main-products .overview .text .color li img{width:100%;height:100%;object-fit:contain;}
.main-products .overview .text .color li.on,.main-products .overview .text .color li:hover{border-color:var(--main-color);}
.main-products .overview .text .size{margin-top:1vw;}
.main-products .overview .text .size ul{display:flex;gap:0.5vw;}
.main-products .overview .text .size li{line-height:1.9em;padding:0.1em 0.72em 0;font-size:0.85vw;border:1px solid #ddd;border-radius:0.5em;cursor:pointer;}
.main-products .overview .text .size li.on{border-color:var(--main-color);color:var(--main-color);}
.main-products .overview .text .buy{display:flex;flex-wrap:wrap;width:25em;font-size:1vw;gap:1em;margin:2vw 0;}
.main-products .overview .text .buy button{height:2.6em;font-size:1em;background-color:var(--main-color);color:#fff;border:none;text-align:center;cursor:pointer;}
.main-products .overview .text .buy .addcart{width:15.7em;}
.main-products .overview .text .buy .buynow{width:100%;}
.main-products .overview .text .buy .setnum{position:relative;width:8.3em;height:2.6em;padding:0 2.5em;border:2px solid var(--main-color);box-sizing:border-box;}
.main-products .overview .text .buy .setnum input{width:100%;height:100%;text-align:center;font-size:1em;}
.main-products .overview .text .buy .setnum i{position:absolute;top:0;width:2em;height:100%;line-height:2.5em;font-size:1em;text-align:center;cursor:pointer;background-color:#f5f5f5;}
.main-products .overview .text .buy .setnum i:hover{background-color:var(--main-color);color:#fff;}
.main-products .overview .text .buy .setnum .cut{left:0;}
.main-products .overview .text .buy .setnum .add{right:0;}
.main-products .overview .text .desc{margin-bottom:2vw;}
.main-products .overview .text .desc h3{font-size:1vw;}
.main-products .overview .text .desc p{margin-bottom:1.5em;}
.main-products .overview .text .desc details{padding:0.6em 0 0.5em;border-top:1px solid #d1d1d1;font-size:1vw;}
.main-products .overview .text .desc details summary{position:relative;line-height:1.5em;padding:0 2em;font-size:1em;list-style:none;}
.main-products .overview .text .desc details summary img{position:absolute;left:0;top:0;width:1.5em;height:1.5em;object-fit:contain;}
.main-products .overview .text .desc details summary:before{content:"\f543";position:absolute;right:0;top:0;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;font-family:dashicons;font-size:1em;}
.main-products .overview .text .desc details ul{margin:0.5em 1em;font-size:1vw;}
.main-products .overview .text .desc details ul li{line-height:1.35em;list-style-type:disc;list-style-position:inside;font-size:0.9em;}
.main-products .overview .text .desc details[open] summary{margin-bottom:1em;}
.main-products .overview .text .desc details[open] summary:before{content:"\f460";}
.main-products .overview .text .desc details.lastop{border-bottom:1px solid #d1d1d1;}
.main-products .overview .text .desc details.lastop ul{display:flex;flex-direction:column;row-gap:0.8vw;}
.main-products .overview .text .desc details.lastop li{display:flex;justify-content:space-between;align-items:center;column-gap:1em;font-size:1vw;}
.main-products .overview .text .desc details.lastop li img{width:6em;height:5em;padding:0.5em;border:1px solid #ddd;box-sizing:border-box;object-fit:contain;}
.main-products .overview .text .desc details.lastop li .txt{margin:0 auto 0 0;}
.main-products .overview .text .desc details.lastop li .txt h3{font-size:1.2em;}
.main-products .overview .text .desc details.lastop li .txt .tprice{margin:0.7em 0 0;font-size:0.85em;}
.main-products .overview .text .desc details.lastop li .otaddcart{line-height:1.5em;font-size:1.2em;font-family:dashicons;cursor:pointer;}
.main-products .overview .text .desc details.lastop li .otaddcart:before{content:"\f174";}
.main-products .overview .text .desc details.lastop li .otaddcart:hover{color:var(--main-color);}
.main-products .overview .text .tips p{position:relative;line-height:1.75em;padding-left:2em;color:#a8a8a8;}
.main-products .overview .text .tips p:before{content:"";position:absolute;left:0;top:0.2em;width:1.35em;height:1.35em;background-image:url(/wp-content/uploads/2026/10/quality-icon.webp);background-size:contain;background-repeat:no-repeat;opacity:.3;}
.main-products .overview .text .tips .payway{padding:1.5vw 1.5vw 1.2vw;margin-top:1vw;background-color:#f8f8f8;text-align:center;}
.main-products .overview .text .tips .payway img{width:auto;height:1.66vw;}
.main-products .overview .text .tips .payway h3{margin-top:0.7em;font-size:1.2vw;font-weight:var(--Medium);}
.main-products .overview .text.flow{position:sticky;}
.main-products .overview .text.flow .desc{display:none;}
.main-products .overview .detail{margin-top:3vw;}
.main-products .overview .detail .tit{position:relative;padding-bottom:0.5em;margin-bottom:1em;font-size:1.2vw;}
.main-products .overview .detail .tit:before{content:"";position:absolute;left:0;bottom:0;width:6.5em;height:2px;background-color:var(--main-color);}
.main-products .overview .detail .wp-block-image img{width:100%;height:auto;}
.main-products .overview .detail.mob{display:none;}
.main-products .like{margin-top:4vw;}
.main-products .like h2{margin-bottom:0.8em;font-size:3vw;text-align:center;}
.main-products .like ul{display:flex;column-gap:4%;}
.main-products .like li{width:22%;}

.list-news{padding-bottom:4vw;}
.list-news .list ul{display:flex;flex-wrap:wrap;column-gap:1.7%;row-gap:2.5vw;}
.list-news .list li{display:none;width:32.2%;}
.list-news .list li.on{display:block;}

.main-article{padding:3vw 0;}
.main-article .cont{width:1000px;max-width:100%;margin:0 auto;}
.main-article .cont .title{margin-bottom:2vw;}
.main-article .cont .title span{display:inline-block;line-height:1.2em;padding:0.5em 0.8em;background-color:var(--main-color);color:#fff;border-radius:2em;font-size:0.7vw;}
.main-article .cont .title h1{margin:0.8em 0 1em;font-size:1.4vw;}
.main-article .cont .title time{display:block;line-height:1.3em;font-size:0.85vw;color:#999;}
.main-article .cont .title .share{display:flex;margin-top:1em;align-items:center;column-gap:0.5em;font-size:1vw;}
.main-article .cont .title .share a{display:block;width:1.5em;height:1.5em;filter:grayscale(100%) brightness(0);}
.main-article .cont .title .share a.fb{background-image:url(/wp-content/uploads/2026/09/icon-fb.svg);background-size:contain;background-repeat:no-repeat;}
.main-article .cont .title .share a.ins{background-image:url(/wp-content/uploads/2026/09/icon-ins.svg);background-size:contain;background-repeat:no-repeat;}
.main-article .cont .title .share a.x{background-image:url(/wp-content/uploads/2026/09/sns-x.svg);background-size:contain;background-repeat:no-repeat;}
.main-article .cont .title .share a:hover{filter:grayscale(0) brightness(1);}
.main-article .cont .article > *{margin-bottom:1.5vw;}
.main-article .cont .article h2{font-size:1.5vw;}
.main-article .cont .article h3{font-size:1.1vw;}
.main-article .cont .subpage{padding-top:1vw;margin-top:2vw;border-top:1px solid #ddd;}
.main-article .cont .subpage .item{padding:0.7em;background-color:#f5f5f5;border-radius:0.4em;font-size:1vw;}
.main-article .cont .subpage .prev{margin-bottom:0.5em;}

.main-contact{padding:5vw 0;background-color:#f6f6f6;}
.map{height:40vw;}
.map iframe{width:100%;height:100%;border:0;}


.main-about{padding:6vw 0;background-color:#f6f6f6;overflow:hidden;}
.main-about h2{font-size:3.9vw;}
.main-about .profile{margin-bottom:6vw;}
.main-about .profile h2{margin-bottom:0.5em;}
.main-about .profile p{line-height:1.5em;font-size:1.1vw;}
.main-about .profile .wp-block-media-text__content{padding:0 10% 0 0;}
.main-about .profile .wp-block-media-text__media{position:relative;padding:2vw 2vw 0 0;z-index:1;}
.main-about .profile .wp-block-media-text__media img{width:100%;height:auto;border-radius:1.2vw;}
.main-about .profile .wp-block-media-text__media:before{content:"";position:absolute;right:0;top:0;width:calc(100% - 2vw);height:calc(100% - 2vw);background-color:var(--main-color);border-radius:1.2vw;z-index:-1;}
.main-about .culture{position:relative;margin-bottom:6vw;}
.main-about .culture p{line-height:1.5em;}
.main-about .culture p strong{display:inline-block;line-height:1.5em;margin-bottom:0.3em;font-size:1.8em;font-weight:var(--SemiBold);}
.main-about .culture .is-layout-grid{column-gap:24vw;row-gap:2.5vw;}
.main-about .culture .is-layout-grid p{animation:flowsFloat 4s ease-in-out infinite;transition:color .5s;}
.main-about .culture .is-layout-grid p:hover{color:var(--main-color);}
.main-about .culture .is-vertical{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.main-about .culture .is-vertical p{font-weight:var(--SemiBold);}
@keyframes flowsFloat{
0%,100%{transform:translate3d(0,0,0);}
50%{transform:translate3d(0,var(--float-y,-16px),0);}
}
.main-about .leader{margin-bottom:6vw;}
.main-about .leader h2{margin-bottom:0.7em;font-size:2.8vw;}
.main-about .leader p{line-height:1.5em;font-size:1.1vw;}
.main-about .leader .wp-block-media-text__content{padding:0 0 0 10%;}
.main-about .leader .wp-block-media-text__media{position:relative;padding:2vw 2vw 0 0;z-index:1;}
.main-about .leader .wp-block-media-text__media img{width:100%;height:auto;border-radius:1.2vw;}
.main-about .leader .wp-block-media-text__media:before{content:"";position:absolute;right:0;top:0;width:calc(100% - 2vw);height:calc(100% - 2vw);background-color:var(--main-color);border-radius:1.2vw;z-index:-1;}
.main-about .leader .wp-block-image{margin-top:3vw;}
.main-about .product{margin-bottom:6vw;}
.main-about .product h2{margin-bottom:0.2em;font-size:2.8vw;}
.main-about .product .wp-block-group{margin-top:3vw;column-gap:4.75%;}
.main-about .product .wp-block-image{position:relative;height:0;padding-bottom:100%;border-radius:50%;box-shadow:0.4vw 0.4vw 0.8vw rgba(0,0,0,.1);overflow:hidden;}
.main-about .product .wp-block-image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.main-about .product .wp-block-image figcaption{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0;background-color:rgba(0,0,0,.55);color:#fff;font-size:1.2vw;opacity:0;transition:all .5s;}
.main-about .product .wp-block-image .link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.main-about .product .wp-block-image:hover figcaption{opacity:1;}
.main-about .designer{position:relative;padding-top:12vw;margin-bottom:6vw;z-index:1;}
.main-about .designer h2{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;font-size:13.5vw;z-index:-1;}
.main-about .designer p{line-height:1.8em;font-size:1.1vw;font-style:italic;}
.main-about .designer .wp-block-group{column-gap:7.5%;margin-bottom:3vw;}
.main-about .designer .wp-block-image{position:relative;border-radius:20vw;overflow:hidden;}
.main-about .designer .wp-block-image img{width:100%;height:auto}
.main-about .designer .wp-block-image figcaption{position:absolute;left:0;bottom:0;width:100%;margin:0;padding:4.8em 1em 1.5em;text-align:center;font-size:1.8vw;font-weight:var(--Bold);background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));color:#fff;box-sizing:border-box;opacity:0;transition:all .5s;}
.main-about .designer .wp-block-image:hover figcaption{opacity:1;}
.main-about .inside{margin-bottom:6vw;}
.main-about .inside .slide-gallery{display:block;margin-top:2vw;}
.main-about .inside .slide-gallery .btn{display:flex;justify-content:center;column-gap:4vw;}
.main-about .inside .slide-gallery .btn span{position:relative;display:block;width:2em;height:2em;line-height:2.1em;text-align:center;background-color:#fff;border:1px solid var(--main-color);color:var(--main-color);font-size:1.2vw;border-radius:50%;cursor:pointer;overflow:hidden;z-index:1;transition:all .5s;}
.main-about .inside .slide-gallery .btn span:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-image:linear-gradient(220deg,#e16f88,#fedd0c);z-index:-1;transition:all .5s;}
.main-about .inside .slide-gallery .btn span:hover{border-color:rgba(255,255,255,0);color:#fff;}
.main-about .inside .slide-gallery .btn span:hover:before{opacity:1;}
.main-about .inside .slide-gallery .btn .prev:after{content:"←";}
.main-about .inside .slide-gallery .btn .next:after{content:"→"}
.main-about .inside .slide-pic{overflow:hidden;margin-bottom:2vw;}
.main-about .inside .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-about .inside .slide-pic li{width:21.2vw;margin-right:0.9vw;}
.main-about .inside .slide-pic li .wp-block-image{display:block;width:100% !important;}
.main-about .com-mes h2{font-size:2.5vw;}

.main-service{padding:6vw 0 0;overflow:hidden;}
.main-service .solution{margin-bottom:6vw;}
.main-service .solution h2{font-size:3.9vw;}
.main-service .solution p{font-size:1.3vw;}
.main-service .solution li{position:relative;line-height:1.4em;padding-left:4em;margin-top:1.5em;font-size:1.1vw;}
.main-service .solution li img{position:absolute;left:0;top:0;width:3.2em !important;height:3.2em;padding:0.5em;border:1px solid #999;border-radius:50%;box-sizing:border-box;transition:all .5s;}
.main-service .solution li mark{line-height:1.4em;font-size:1.1em;font-weight:var(--Medium);}
.main-service .solution li:hover img{background-color:#25a27a;border-color:#25a27a;-webkit-filter:invert(100%);}
.main-service .collection{margin-bottom:6vw;}
.main-service .collection h3{position:relative;min-height:2.4em;padding:0 3em 0.8em 0;font-size:1.5vw;}
.main-service .collection h3:before{content:"0" counter(scounter);counter-increment:scounter;position:absolute;right:0;top:0;line-height:1em;font-size:2.4em;font-weight:var(--Bold);color:var(--main-color);}
.main-service .collection h3:after{content:"";position:absolute;left:0;bottom:0;width:2em;height:2px;background-color:var(--main-color);}
.main-service .collection .is-layout-grid{margin-top:2vw;column-gap:1.4%;row-gap:1.2vw;counter-reset:scounter;}
.main-service .collection .is-vertical{position:relative;align-items:stretch;row-gap:1vw;padding:2vw 2vw calc(41% + 2vw);border:1px solid #ddd;box-sizing:border-box;transition:all .5s;}
.main-service .collection .is-vertical:hover{border-color:var(--main-color);transform:translateY(-0.5vw);box-shadow:0 0.5vw 1vw rgba(0,0,0,.3);}
.main-service .collection .wp-block-image{position:absolute;left:0;bottom:0;width:100%;}
.main-service .collection .wp-block-image img{width:100%;height:auto;}
.main-service .available{position:relative;padding:5vw 0 6vw;z-index:1;}
.main-service .available .tab{margin:2.5vw 0;}
.main-service .available .tab .wp-block-button__link{line-height:1.4em;padding:0.5em 1.5em !important;background-color:#fff;color:#333;font-size:1.1vw;}
.main-service .available .tab .wp-block-button__link:after{display:none;}
.main-service .available .tab .wp-block-button__link:hover{padding:0.5em 1.5em !important;background-color:var(--main-color);color:#fff;}
.main-service .available .tab .wp-block-button.on .wp-block-button__link{background-color:var(--main-color);color:#fff;}
.main-service .available .wp-block-media-text{display:none;padding:3vw;background-color:#fff;border-radius:1.2vw;}
.main-service .available .wp-block-media-text h3{margin-bottom:0.5em;font-size:3vw;}
.main-service .available .wp-block-media-text p{line-height:1.5em;font-size:1vw;}
.main-service .available .wp-block-media-text .wp-block-buttons{margin-top:2vw;}
.main-service .available .wp-block-media-text.on{display:grid;}
.main-service .available .wp-block-media-text__content{padding:0 15% 0 0;}
.main-service .available:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;margin-left:-50vw;z-index:-1;background-color:#f6f6f6;}
.main-service .production{position:relative;padding-bottom:6vw;z-index:1;}
.main-service .production .slide-prod{position:relative;margin:3vw 0;}
.main-service .production .slide-prod .btn{position:absolute;top:0.6em;width:2em;height:2em;line-height:2.1em;text-align:center;background-color:#fff;border:1px solid var(--main-color);color:var(--main-color);font-size:1.2vw;border-radius:50%;cursor:pointer;overflow:hidden;z-index:1;transition:all .5s;}
.main-service .production .slide-prod .btn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-image:linear-gradient(220deg,#e16f88,#fedd0c);z-index:-1;transition:all .5s;}
.main-service .production .slide-prod .btn:hover{border-color:rgba(255,255,255,0);color:#fff;}
.main-service .production .slide-prod .btn:hover:before{opacity:1;}
.main-service .production .slide-prod .prev{left:-2.5em;}
.main-service .production .slide-prod .next{right:-2.5em;}
.main-service .production .slide-prod .wp-block-group__inner-container{overflow:hidden;}
.main-service .production .slide-prod .wp-block-group__inner-container ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-service .production .slide-prod .wp-block-group__inner-container li{position:relative;width:21.875vw;padding:0 1.875vw 0 0.36vw;box-sizing:border-box;font-size:1vw;}
.main-service .production .slide-prod .wp-block-group__inner-container li strong{display:inline-block;line-height:1.2em;margin-bottom:0.3em;font-size:1.3em;transition:all .5s;}
.main-service .production .slide-prod .wp-block-group__inner-container li i{display:block;line-height:1.2em;font-size:0.8em;}
.main-service .production .slide-prod .wp-block-group__inner-container li em{position:relative;display:block;width:1.6em;height:1.6em;padding:0.36em;margin:0.2em 0 0.5em -0.36em;box-sizing:border-box;z-index:1;}
.main-service .production .slide-prod .wp-block-group__inner-container li em:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;border-radius:50%;opacity:.2;z-index:-1;transition:all .5s;}
.main-service .production .slide-prod .wp-block-group__inner-container li em:after{content:"";display:block;width:100%;height:100%;background-color:#000;border-radius:50%;transition:all .5s;}
.main-service .production .slide-prod .wp-block-group__inner-container li:before{content:"";position:absolute;left:0;top:1.96em;width:100%;height:1px;background-color:#000;}
.main-service .production .slide-prod .wp-block-group__inner-container li:hover strong{color:var(--main-color);}
.main-service .production .slide-prod .wp-block-group__inner-container li:hover em:before{background-color:var(--main-color);}
.main-service .production .slide-prod .wp-block-group__inner-container li:hover em:after{background-color:var(--main-color);}
.main-service .production:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;margin-left:-50vw;z-index:-1;background-color:#f6f6f6;}
.main-service .advantage{position:relative;padding-bottom:6vw;z-index:1;}
.main-service .advantage h2{display:flex;align-items:flex-end;line-height:2.5em;margin-bottom:0.1em;font-size:1vw;font-weight:var(--Regular);color:#737373;}
.main-service .advantage h2 mark{line-height:1em;font-size:5em;font-weight:var(--Bold);}
.main-service .advantage:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;margin-left:-50vw;z-index:-1;background-color:#f6f6f6;}
.main-service .who{position:relative;margin-bottom:6vw;z-index:1;}
.main-service .who h2{font-size:6vw;}
.main-service .who h3{position:relative;padding-bottom:0.5em;margin-bottom:0.5em;font-size:1.2vw;transition:all .5s;}
.main-service .who h3:after{content:"";position:absolute;left:0;bottom:0;width:2em;height:2px;background-color:var(--main-color);}
.main-service .who p{min-height:2.7em;}
.main-service .who .wp-block-group{column-gap:3%;row-gap:2.6vw;margin-top:-2vw;}
.main-service .who .wp-block-cover{padding:1.8vw 2.5vw 1.8vw 1.8vw;aspect-ratio:1/1;border-radius:1.2vw;transition:all .5s;}
.main-service .who .wp-block-cover:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));z-index:1;}
.main-service .who .wp-block-cover:hover{transform:translateY(-0.5vw);box-shadow:0 0.5vw 1vw rgba(0,0,0,0.3);}
.main-service .who .wp-block-cover:hover h3{color:var(--main-color) !important;}
.main-service .who .wp-block-cover__inner-container{z-index:2;}
.main-service .who:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:8vw;margin-left:-50vw;z-index:-1;background-color:#f6f6f6;}
.main-service .brand{margin-bottom:6vw;}
.main-service .brand h2{margin-bottom:2vw;}
.main-service .brand .slide-pic ul{display:flex;flex-wrap:nowrap;width:max-content;gap:0;}
.main-service .brand .slide-pic li{flex:0 0 auto;width:auto;height:8vw;margin-right:3vw;}
.main-service .brand .slide-pic li .wp-block-image{display:block;width:auto !important;height:100%;}
.main-service .brand .slide-pic li .wp-block-image img{width:auto !important;height:100% !important;max-width:none !important;}
.main-service .brand .slide-pic ul.marquee-on{animation:partnerMarquee var(--marquee-duration,40s) linear infinite;backface-visibility:hidden;}
.main-service .why{display:flex;flex-direction:row-reverse;justify-content:space-between;margin-bottom:6vw;}
.main-service .why h2{width:0;white-space:nowrap;align-self:flex-start;font-size:4.7vw;transform-origin:left top;transform:rotate(90deg);}
.main-service .why h3{margin-bottom:0.5em;font-size:1.2vw;}
.main-service .why .is-vertical{width:40%;padding:1vw 0 1.5vw;box-sizing:border-box;}
.main-service .why .is-vertical p{font-size:1vw;}
.main-service .why .is-vertical p strong{font-size:1.7em;}
.main-service .why .wp-block-cover{height:100%;padding:1.5vw;}
.main-service .why .wp-block-cover:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:30%;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));z-index:1;}
.main-service .why .wp-block-cover__background{display:none;}
.main-service .why .wp-block-cover__inner-container{opacity:0;z-index:2;transition:all .5s;}
.main-service .why .slide-gallery{position:relative;display:block;width:48vw;padding-bottom:calc(1vw + 5px);margin-left:-6.3vw;overflow:hidden;}
.main-service .why .slide-gallery .slide-pic{width:31vw;margin:0 0 0 auto;}
.main-service .why .slide-gallery .slide-pic ul{display:flex;flex-wrap:wrap;width:1000%;}
.main-service .why .slide-gallery .slide-pic li{width:31vw;margin-right:2vw;aspect-ratio:25/29;}
.main-service .why .slide-gallery .slide-pic li.active .wp-block-cover__inner-container{opacity:1;}
.main-service .why .slide-gallery .slide-dot{position:absolute;right:0;bottom:0;height:5px;}
.main-service .why .slide-gallery .slide-dot ul{display:flex;column-gap:5px;}
.main-service .why .slide-gallery .slide-dot li{width:25px;height:5px;border-radius:5px;background-color:#666;transition:all .5s;}
.main-service .why .slide-gallery .slide-dot li.active{width:38px;background-color:var(--main-color);}
.main-service .supplement{position:relative;display:flex;padding:5vw 0;column-gap:5vw;z-index:1;}
.main-service .supplement h2{margin-bottom:0.8em;font-size:2.2vw;}
.main-service .supplement p{font-size:0.8vw;}
.main-service .supplement .faq{width:50%;}
.main-service .supplement .faq h2{color:#fff;}
.main-service .supplement .faq details{border:1px solid #fff;border-bottom:none;color:#fff;font-size:1vw;}
.main-service .supplement .faq details summary{position:relative;line-height:1.3em;padding:0.7em 1em 0.7em 3em;list-style:none;font-size:1.1em;}
.main-service .supplement .faq details summary:before{content:"\f543";position:absolute;left:1.1em;top:0.7em;line-height:1.3em;font-size:1em;font-family:dashicons;}
.main-service .supplement .faq details p{font-size:0.8em;}
.main-service .supplement .faq details .cnt{padding:0.7em 1.3em;background-color:#fff;color:#333;}
.main-service .supplement .faq details[open] summary{color:var(--main-color);}
.main-service .supplement .faq details[open] summary:before{content:"\f460";}
.main-service .supplement .faq details:last-child{border-bottom:1px solid #fff;}
.main-service .supplement .quote{width:50%;}
.main-service .supplement .quote p{line-height:1.6em;color:#c3c3c3;}
.main-service .supplement .quote p strong{line-height:1.5em;font-size:2.2em;color:#fff;}
.main-service .supplement .quote .wp-block-buttons{margin-top:2.5vw;}
.main-service .supplement:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;margin-left:-50vw;z-index:-1;background-image:url(/wp-content/uploads/2026/10/supplement-bg.webp);background-size:cover;}
.main-service .supplement:after{content:"";position:absolute;left:50%;top:10%;width:1px;height:80%;background-color:rgba(255,255,255,.5);}


.main-download{padding:3vw 0;}
.main-download h1{margin-bottom:2em;font-size:1.5vw;text-align:center;}
.main-download .list{margin-bottom:3vw;}
.main-download .list li{display:none;justify-content:space-between;padding:1.4em;border-bottom:1px solid #ddd;font-size:1vw;}
.main-download .list li h3{width:calc(100% - 9em);padding:0.4em 0;font-size:1.2em;}
.main-download .list li a{line-height:1.4em;font-size:0.8em;background-color:var(--main-color);padding:0.7em 3.5em;border-radius:2em;color:#fff;}
.main-download .list li.on{display:flex;}



.main-cart{padding:3vw 0;}
.main-cart h1{margin-bottom:1.5em;font-size:1.8vw;text-align:center;}
.main-cart .list li{display:flex;align-items:center;justify-content:space-between;padding:1.5vw 0;border-bottom:1px solid #ddd;text-align:center;}
.main-cart .list li h3{font-size:1.2vw;}
.main-cart .list li .pic{width:8.5vw;padding:1vw;aspect-ratio:1/1;border:1px solid #ddd;box-sizing:border-box;border-radius:0.4vw;}
.main-cart .list li .pic img{width:100%;height:100%;object-fit:contain;}
.main-cart .list li .product{width:18vw;text-align:left;}
.main-cart .list li .product h3{margin-bottom:0.8em;}
.main-cart .list li .product p{line-height:1.8em;font-weight:var(--Bold);}
.main-cart .list li .product p span{margin-left:0.5em;font-weight:var(--Regular);color:#888;}
.main-cart .list li .price{width:10vw;}
.main-cart .list li .quantity{width:12vw;font-size:1vw;}
.main-cart .list li .quantity .setnum{position:relative;width:100%;height:2.6em;padding:0 2.5em;background-color:#f6f6f6;border-radius:3em;box-sizing:border-box;overflow:hidden;}
.main-cart .list li .quantity .setnum input{width:100%;height:100%;text-align:center;font-size:1em;background:none;}
.main-cart .list li .quantity .setnum i{position:absolute;top:0;width:2.5em;height:100%;line-height:2.5em;font-size:1em;text-align:center;cursor:pointer;background-color:#f6f6f6;}
.main-cart .list li .quantity .setnum i:hover{background-color:var(--main-color);color:#fff;}
.main-cart .list li .quantity .setnum .cut{left:0;}
.main-cart .list li .quantity .setnum .add{right:0;}
.main-cart .list li .total{width:10vw;}
.main-cart .list li .del{width:5vw;}
.main-cart .list li .del i{font-family:"icomoon";font-size:1.2vw;cursor:pointer;}
.main-cart .list li .del i:before{content:"\e9ac";}
.main-cart .list li .del i:hover{color:var(--main-color);}
.main-cart .list li.head{padding:1vw 0;background-color:#f6f6f6;border-bottom:none;;}
.main-cart .list li.head .pic{aspect-ratio:1/0;border:none;}
.main-cart .list li.head .product h3{margin-bottom:0;}
.main-cart .list li.head .quantity{font-size:1em;}
.main-cart .func{display:flex;justify-content:space-between;margin-top:2vw;}
.main-cart .func button{line-height:1.2em;padding:0.5em 1.5em;border:1px solid #ccc;background:none;border-radius:2em;font-size:1.1vw;cursor:pointer;vertical-align:top;}
.main-cart .func button:hover{background-color:var(--main-color);border-color:var(--main-color);color:#fff;}
.main-cart .func .buttons{display:flex;align-items:flex-start;column-gap:1vw;}
.main-cart .func .shopp{background-color:var(--main-color);border-color:var(--main-color);color:#fff;}
.main-cart .func .subtotal{width:28.5vw;padding:2vw;box-shadow:0 0 1vw rgba(0,0,0,.2);border-radius:1.2vw;box-sizing:border-box;}
.main-cart .func .subtotal button{width:100%;background-color:var(--main-color);border-color:var(--main-color);color:#fff;}
.main-cart .func .subtotal .show{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em;font-size:1vw;font-weight:var(--Bold);}
.main-cart .func .subtotal .show label{font-size:1.2em;}
.main-cart .func .subtotal .show p{font-size:1.2em;}

.main-order{padding:2vw 0 3vw;background-color:#fffafc;}
.main-order h2{font-size:24px;}
.main-order .order-width{display:flex;justify-content:space-between;width:1220px;max-width:92vw;margin:0 auto;}
.main-order .order-width .bill{width:32%;padding:30px 20px;box-sizing:border-box;border-radius:16px;background-color:#fff;box-shadow:2px 2px 8px rgba(0,0,0,.3);}
.main-order .order-width .bill h2{padding-bottom:0.5em;margin-bottom:0.8em;border-bottom:1px solid #ddd;}
.main-order .order-width .bill ul li{margin-bottom:1em;font-size:16px;}
.main-order .order-width .bill ul li label{display:block;margin-bottom:0.2em;font-size:1em;}
.main-order .order-width .bill ul li input,.main-order .order-width .bill ul li select,.main-order .order-width .bill ul li textarea{width:100%;height:2.5em;padding:0 0.8em;box-sizing:border-box;border:1px solid #ddd;border-radius:0.5em;font-size:1em;background-color:#fffafc;}
.main-order .order-width .bill ul li textarea{height:5em;padding:0.5em 0.8em;}
.main-order .order-width .bill .notes{margin-bottom:20px;padding:10px 15px;border:1px solid #ddd;border-left:5px solid var(--main-color);border-radius:12px;background-color:#fffafc;}
.main-order .order-width .bill .notes p{font-size:14px;}
.main-order .order-width .info{width:65%;padding:30px 20px;box-sizing:border-box;border-radius:16px;background-color:#fff;box-shadow:2px 2px 8px rgba(0,0,0,.3);}
.main-order .order-width .info .tit{display:flex;justify-content:space-between;margin-bottom:25px;}
.main-order .order-width .info .tit .orid{display:block;line-height:1.2em;padding:0.5em 1em;border:1px solid var(--main-color);background-color:#fffafc;box-sizing:border-box;border-radius:3em;font-size:16px;}
.main-order .order-width .info .support{display:flex;justify-content:space-between;margin-bottom:30px;}
.main-order .order-width .info .support a{display:block;width:calc(50% - 10px);line-height:1.2em;padding:0.5em 1em;box-sizing:border-box;border-radius:3em;font-size:16px;text-align:center;transition:all .5s;}
.main-order .order-width .info .support a:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.2);}
.main-order .order-width .info .support a.wsapp{color:#047857;border:1px solid #a7f3d0;background-color:#ecfdf5;}
.main-order .order-width .info .support a.wsapp:hover{background-color:#c1fee2;}
.main-order .order-width .info .support a.email{color:#1d4ed8;border:1px solid #bfdbfe;background-color:#eff6ff;}
.main-order .order-width .info .support a.email:hover{background-color:#d2e4fe;}
.main-order .order-width .info .prolist{margin-bottom:30px;}
.main-order .order-width .info .prolist ul{border-bottom:1px solid #ddd;}
.main-order .order-width .info .prolist li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f3f3;}
.main-order .order-width .info .prolist li h3{font-size:16px;}
.main-order .order-width .info .prolist li .product{display:flex;align-items:center;column-gap:20px;width:40%;}
.main-order .order-width .info .prolist li .product .pic{width:90px;height:90px;border:1px solid #ddd;border-radius:8px;}
.main-order .order-width .info .prolist li .product .pic img{width:100%;height:100%;padding:10px;box-sizing:border-box;object-fit:contain;}
.main-order .order-width .info .prolist li .product .text h3{margin-bottom:0.3em;font-size:18px;}
.main-order .order-width .info .prolist li .product .text p{font-size:14px;font-weight:var(--Bold);}
.main-order .order-width .info .prolist li .product .text p span{font-weight:var(--Regular);color:#888;}
.main-order .order-width .info .prolist li .quantity{width:15%;text-align:center;font-size:18px;}
.main-order .order-width .info .prolist li .price{width:15%;text-align:center;font-size:18px;}
.main-order .order-width .info .prolist li .total{width:15%;text-align:center;font-size:18px;}
.main-order .order-width .info .prolist li:last-child{border-bottom:none;}
.main-order .order-width .info .prolist li.head{padding-bottom:15px;border-color:#ddd;}
.main-order .order-width .info .sitem{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #ddd;}
.main-order .order-width .info .sitem h3{font-size:18px;}
.main-order .order-width .info .sitem p{font-size:18px;}
.main-order .order-width .info .payment{display:flex;justify-content:space-between;padding:15px;margin:20px 0;border:1px solid #ddd;border-radius:12px;background-color:#f8fafc;}
.main-order .order-width .info .payment h3{margin-bottom:1em;font-size:18px;}
.main-order .order-width .info .payment .option{width:310px;}
.main-order .order-width .info .payment .option li{position:relative;margin-top:10px;padding:12px 15px 12px 40px;background-color:#fff;border:1px solid #ddd;border-radius:12px;cursor:pointer;}
.main-order .order-width .info .payment .option li h4{margin-bottom:0.3em;font-size:16px;}
.main-order .order-width .info .payment .option li p{font-size:12px;color:#999;}
.main-order .order-width .info .payment .option li i{position:absolute;left:12px;top:12px;width:16px;height:16px;padding:2px;border:1px solid #999;border-radius:50%;box-sizing:border-box;}
.main-order .order-width .info .payment .option li.on i{border-color:#333;}
.main-order .order-width .info .payment .option li.on i:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background-color:#333;}
.main-order .order-width .info .payment .payinfo{width:calc(100% - 350px);}
.main-order .order-width .info .payment .payinfo li{display:none;}
.main-order .order-width .info .payment .payinfo li p{font-size:12px;color:#888;}
.main-order .order-width .info .payment .payinfo li img{width:200px;height:auto;max-width:100%;margin-bottom:15px;}
.main-order .order-width .info .payment .payinfo li.on{display:block;}
.main-order .order-width .info .payment .payinfo .backinfo{padding:10px 15px;border:1px solid #ddd;background-color:#fff;border-radius:12px;}
.main-order .order-width .info .payment .payinfo .backinfo p{padding-bottom:0.5em;margin-bottom:0.5em;border-bottom:1px solid #f3f3f3;font-size:12px;}
.main-order .order-width .info .payment .payinfo .backinfo p span{display:block;line-height:1.2em;font-size:1.2em;font-weight:var(--Medium);color:#000;}
.main-order .order-width .info .payment .payinfo .backinfo p.tip{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.main-order .order-width .info .payment .payinfo .receipt{display:none;margin-top:20px;}
.main-order .order-width .info .payment .payinfo .receipt .upload{position:relative;display:flex;flex-direction:column;justify-content:center;row-gap:5px;align-items:center;height:80px;margin-bottom:10px;box-sizing:border-box;border:1px dashed #ccc;border-radius:12px;color:#ccc;}
.main-order .order-width .info .payment .payinfo .receipt .upload input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.main-order .order-width .info .payment .payinfo .receipt .upload img{display:none;position:absolute;left:5%;top:5%;width:90%;height:90%;background-color:#f8fafc;object-fit:contain;pointer-events:none;}
.main-order .order-width .info .payment .payinfo .receipt .upload:before{content:"\e910";font-family:"icomoon";font-size:24px;}
.main-order .order-width .info .payment .payinfo .receipt .upload:after{content:"Click to upload Payment Receipt";font-size:12px;}
.main-order .order-width .info .payment .payinfo .receipt .upload:hover{color:var(--main-color);border-color:var(--main-color);}
.main-order .order-width .info .payment .payinfo .receipt .upload.on img{display:block;}
.main-order .order-width .info .payment .payinfo .receipt p{font-size:12px;color:#888;}
.main-order .order-width .info .paynow{width:100%;height:2.5em;border:none;background-color:var(--main-color);color:#fff;border-radius:0.5em;cursor:pointer;font-size:20px;}
.main-order .order-width .info .del{margin-top:20px;text-align:right;}
.main-order .order-width .info .del span{font-size:16px;color:red;cursor:pointer;}
.main-order .noo{padding-top:30px;text-align:center;}
.main-order .noo h1{margin-top:2em;font-size:24px;}
.main-order .noo img{width:auto;height:auto;max-width:92vw;max-height:300px;}

.main-success{padding:4vw 0;}
.main-success h1{margin:0.5em 0;font-size:60px;}
.main-success p{line-height:1.8em;font-size:18px;}
.main-success p a{color:var(--main-color);text-decoration:underline;}
.main-success .wp-block-buttons{margin-top:40px;}