.logos{display:flex;align-items:flex-start}
:root{--primary:#85305e;--footer-bg:#650038;--table-title:#4f4433}
section#layout-content p{margin-bottom:0px}
#venus-legacy{padding-top:100px;position:relative}
@media screen and (max-width:575px){#venus-legacy{padding-top:50px}}
#venus-legacy .pic-legacy{height:65vh;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;z-index:99}
#venus-legacy .venus-legacy-top{padding-bottom:150px;position:relative}
@media screen and (max-width:767px){#venus-legacy .venus-legacy-top{background-image:url(../themes/venus-concept/assets/images/venus-legacy/bubble.png);background-repeat:no-repeat;background-size:contain;background-position:95% center}}
#venus-legacy .venus-legacy-top .ani-bg-back{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-3;pointer-events:none;opacity:0;animation:backbg 3s linear 1s}
@media screen and (max-width:767px){#venus-legacy .venus-legacy-top .ani-bg-back{display:none}}
@keyframes backbg{0%{width:300px;opacity:1;display:block}80%{width:1000px;opacity:1;display:block}100%{width:1000px;opacity:0;display:none}}
#venus-legacy .venus-legacy-top .ani-bg-front{position:absolute;top:0;left:100%;transform:translateX(0);width:360px;z-index:-2;pointer-events:none;opacity:0;animation:frontbg 2.5s linear 0.5s}
@media screen and (max-width:767px){#venus-legacy .venus-legacy-top .ani-bg-front{display:none}}
@keyframes frontbg{0%{left:100%;transform:translateX(0);opacity:1;display:block}80%{left:50%;transform:translateX(-50%);opacity:1;display:block}100%{left:50%;transform:translateX(-50%);opacity:0;display:none}}
#venus-legacy .venus-legacy-top .venus-text{color:#632945;letter-spacing:40px;font-size:32px;font-weight:bold;text-indent:40px;font-family:"FreeCoastine"}
#venus-legacy .venus-legacy-top .legacy-text{color:#414042;font-size:40px;font-weight:300;letter-spacing:20px;text-align:left;margin-left:1.5%;font-family:"MHeiHK Light"}
@media screen and (max-width:575px){#venus-legacy .venus-legacy-top .legacy-text{font-size:26px}}
#venus-legacy .venus-legacy-top .legacy-text span{color:var(--primary);font-size:50px;font-family:"Noto Sans TC";font-weight:500}
@media screen and (max-width:575px){#venus-legacy .venus-legacy-top .legacy-text span{font-size:35px}}
#venus-legacy .venus-legacy-top .legacy-text span.lt-bottom{vertical-align:-5px}
#venus-legacy .venus-legacy-top .m-pic-legacy img{max-width:320px;width:100%}
#venus-legacy .venus-legacy-bottom{margin-top:75px;background-image:url(../themes/venus-concept/assets/images/venus-legacy/bg-1.png);background-repeat:no-repeat;background-size:contain;background-position:left bottom;padding-top:185px;padding-bottom:120px;position:relative}
@media screen and (max-width:767px){#venus-legacy .venus-legacy-bottom{padding-top:0px;margin-top:0px}}
#venus-legacy .venus-legacy-bottom .bottom-legacy-text{margin-bottom:20px}
#venus-legacy .venus-legacy-bottom .bottom-legacy-text .blt-title{color:var(--primary);font-size:70px;letter-spacing:30px;line-height:normal;font-family:"Noto Sans TC";font-weight:500}
@media screen and (max-width:991px){#venus-legacy .venus-legacy-bottom .bottom-legacy-text .blt-title{font-size:60px}}
@media screen and (max-width:767px){#venus-legacy .venus-legacy-bottom .bottom-legacy-text .blt-title{font-size:50px}}
#venus-legacy .venus-legacy-bottom .bottom-legacy-text .blt-tetx{color:#000;font-size:50px;letter-spacing:25px;line-height:1.2;font-family:"MHeiHK Light"}
@media screen and (max-width:1199px){#venus-legacy .venus-legacy-bottom .bottom-legacy-text .blt-tetx{font-size:40px;letter-spacing:25px}}
@media screen and (max-width:991px){#venus-legacy .venus-legacy-bottom .bottom-legacy-text .blt-tetx{font-size:32px;letter-spacing:15px}}
#venus-legacy .venus-legacy-bottom .vertical-line{border:0px;border-left:1px dashed #82305c;height:80px;width:1px;margin:auto}
#venus-legacy .venus-legacy-bottom .color-mask{background:#ffbedc;background:linear-gradient(0deg,rgba(255,190,220,0.3) 0%,rgba(255,190,220,0) 100%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
#venus-legacy .venus-legacy-bottom .single-case{margin-bottom:25px}
#venus-legacy .venus-legacy-bottom .single-case .case-text{color:#414042;letter-spacing:5px;font-weight:bold;font-size:18px;margin-top:-10px;font-family:"MHeiHK Medium"}
#venus-legacy .venus-legacy-bottom .single-case.case-1{margin-top:50px}
#venus-legacy .venus-legacy-bottom .single-case.case-5{margin-top:30px}
#venus-legacy .venus-legacy-bottom .notice-section .notice-icon img{max-width:55px;padding:20px 0 15px 0}
#venus-legacy .venus-legacy-bottom .notice-section .notice-text{color:var(--primary);letter-spacing:2px;text-indent:2px;font-family:"Noto Sans TC";font-weight:100}
#venus-legacy .venus-legacy-bottom .notice-section .notice-img{margin-top:-10%;pointer-events:none}
#venus-legacy .venus-legacy-bottom .notice-section .notice-img img{max-width:515px;width:100%}
#venus-legacy .venus-legacy-bottom .circle-section{margin-top:80px}
#venus-legacy .venus-legacy-bottom .circle-section .circle-box{background-color:#89744d;border-radius:100%;color:#fff;width:120px;height:120px;text-align:center;font-size:22px;margin:auto;line-height:normal;display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:column}
#venus-legacy .venus-legacy-bottom .circle-section .circle-box.c-box-1{font-size:28px !important;letter-spacing:5px;text-indent:5px;font-family:"DIN Alternate"}
#venus-legacy .venus-legacy-bottom .circle-section .circle-box.c-box-2{font-weight:500;letter-spacing:1px;text-indent:1px;font-family:"Noto Sans TC";font-weight:700}
#venus-legacy .venus-legacy-bottom .circle-section .circle-box.c-box-3{font-weight:500;letter-spacing:1px;text-indent:1px;font-family:"Noto Sans TC";font-weight:700}
#venus-legacy .venus-legacy-bottom .circle-section .circle-box.c-box-3 .four-num{letter-spacing:5px;text-indent:5px}
#venus-legacy .venus-legacy-bottom .circle-section .circle-box.c-box-3 .four-num span{font-family:"DIN Alternate";font-size:32px}
#venus-legacy .venus-legacy-bottom .circle-section .circle-box .mp2{font-size:28px;letter-spacing:5px;text-indent:5px !important;font-family:"DIN Alternate"}
#venus-legacy .venus-legacy-bottom .circle-section .circle-text{text-align:center;color:#333;margin-top:25px;font-size:22px;letter-spacing:2px;font-family:"Noto Sans TC";font-weight:400}
@media screen and (max-width:767px){#venus-legacy .venus-legacy-bottom .circle-section .circle-text{margin-top:15px;margin-bottom:30px}}
#vl-effect{clip-path:polygon(0 100px,100% 0,100% 100%,0 100%);margin-top:-100px;background-color:#fff;position:relative;padding:100px 0;background-image:url(../themes/venus-concept/assets/images/venus-legacy/bg-4.png);background-repeat:no-repeat;background-size:contain;background-position:left 120px}
#vl-effect .color-mask{background:#ffbedc;background:linear-gradient(0deg,rgba(255,190,220,0.3) 0%,rgba(255,190,220,0) 100%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
#vl-effect .vle-title{color:#6c2249;font-size:30px;font-weight:bold;letter-spacing:8px;text-align:center;margin-bottom:20px;font-family:"Noto Sans TC";font-weight:700}
#vl-effect .vle-title span{font-family:"FreeCoastine";font-size:65px;font-weight:100;vertical-align:sub;padding-right:5px}
#vl-effect .col-v-line{border-right:1px dashed #82305c}
@media screen and (max-width:767px){#vl-effect .col-v-line{border-right:0px}}
#vl-effect .single-effect-box{padding:10% 10%;width:fit-content}
@media screen and (max-width:767px){#vl-effect .single-effect-box{padding:40px 0;width:auto;border-bottom:1px dashed #82305c}}
#vl-effect .single-effect-box .single-effect{text-align:center;margin-bottom:20px}
#vl-effect .single-effect-box .single-effect .effect-img img{max-width:130px;width:100%}
#vl-effect .single-effect-box .single-effect .effect-text{letter-spacing:5px;color:#3f3f3f;font-size:18px;font-family:"Noto Sans TC";font-weight:400}
#vl-effect .single-effect-box .single-effect .effect-text span{color:var(--primary)}
#vl-effect .single-details-box{width:fit-content;padding:10% 10%}
@media screen and (max-width:767px){#vl-effect .single-details-box{padding:50px 0;margin-left:auto !important;margin-right:auto !important}}
#vl-effect .single-details-box .single-details{display:flex;align-content:center;align-items:center;line-height:normal;border-bottom:1px dashed #82305c80;justify-content:flex-start;padding-bottom:15px;margin-bottom:15px;color:#7a6474;font-size:65px;font-family:"DIN"}
@media screen and (max-width:1199px){#vl-effect .single-details-box .single-details{font-size:50px}}
#vl-effect .single-details-box .single-details:last-child{border-bottom:0px;padding-bottom:0px;margin-bottom:0px}
#vl-effect .single-details-box .single-details .sd-title{background-color:#89744d;color:#fff;width:70px;height:70px;text-align:center;border-radius:100%;font-size:20px;letter-spacing:2px;text-indent:2px;margin-right:15px;font-weight:500;display:flex;align-content:center;justify-content:center;align-items:center;font-family:"Noto Sans TC";font-weight:700}
#vl-effect .single-details-box .single-details .sd-title.sdt-1{background-color:#933b6e}
#vl-effect .single-details-box .single-details .sd-title.sdt-2{background-color:#c4c4c4}
#vl-effect .single-details-box .single-details .sd-time{display:flex;flex-direction:row;align-items:flex-end}
#vl-effect .single-details-box .single-details .sd-time .time-mins{font-size:35px;line-height:1.5}
@media screen and (max-width:991px){#vl-effect .single-details-box .single-details .sd-time .time-mins{font-size:30px}}
@media screen and (max-width:767px){#vl-effect .single-details-box .single-details .sd-time .time-mins{line-height:1.5}}
#vl-technology{padding:130px 0 200px;clip-path:polygon(0 0,100% 100px,100% 100%,0 100%);margin-top:-100px;background-color:#95557a;position:relative}
#vl-technology .vl-tech-title{font-size:45px;color:#fff;margin-bottom:30px;font-weight:bold;letter-spacing:15px;font-family:"Noto Sans TC";font-weight:900}
#vl-technology .video iframe{width:100%;height:100%}
#vl-patent{clip-path:polygon(0 100px,100% 0,100% 100%,0 100%);background-image:url(../themes/venus-concept/assets/images/venus-legacy/bg-6.png);background-repeat:no-repeat;background-size:cover;background-position:right top;margin-top:-110px;padding:250px 0 200px;position:relative;background-color:#fff}
#vl-patent .color-mask-2{background:#c899c2;background:linear-gradient(0deg,rgba(200,153,194,0.1) 60%,rgba(200,153,194,0.3) 100%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
#vl-patent .vl-patent-box{display:flex;align-items:flex-end;justify-content:center;margin-bottom:20px}
#vl-patent .vl-patent-box .vl-patent-title{color:#333;font-size:45px;font-weight:bold;letter-spacing:15px;font-family:"MHeiHK Xbold"}
@media screen and (max-width:991px){#vl-patent .vl-patent-box .vl-patent-title{font-size:40px}}
#vl-patent .vl-patent-box .vl-patent-logo img{max-width:100px;width:100%}
#vl-patent .vl-patent-content{color:#4a494b;margin-bottom:20px;letter-spacing:2px;font-family:"MHeiHK Light"}
#vl-patent .vl-patent-intro{font-size:20px;color:var(--primary);margin-bottom:20px}
#vl-patent .vl-patent-intro .vlp-intro{background-color:#fff;border-radius:25px;padding:8px 20px;font-size:20px;font-weight:bold;font-family:"Noto Sans TC";font-weight:700}
#vl-patent .vl-patent-intro .vlp-add{padding:0 5px}
#vl-patent .vl-patent-details img{max-width:480px;width:100%}
#vl-patent .vl-patent-img{position:absolute;width:44%;right:-1%;top:-8%}
@media screen and (max-width:991px){#vl-patent .vl-patent-img{top:-5%}}
@media screen and (max-width:767px){#vl-patent .vl-patent-img{top:-2%;width:100%;max-width:250px}}
@media screen and (max-width:575px){#vl-patent .vl-patent-img{top:0}}
#vl-varipuls{background-image:url(../themes/venus-concept/assets/images/venus-legacy/bg-8.png);background-repeat:no-repeat;background-size:cover;background-position:left 85%;position:relative;padding:180px 0;clip-path:polygon(0 0,100% 150px,100% 100%,0 100%);margin-top:-150px;background-color:#fff}
#vl-varipuls .color-mask{background:#ffbedc;background:linear-gradient(0deg,rgba(255,190,220,0.3) 0%,rgba(255,190,220,0) 100%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
#vl-varipuls .vlv-bottom{margin-top:80px}
#vl-varipuls .vlv-title-section{color:var(--primary)}
#vl-varipuls .vlv-title-section .vlv-title{font-size:45px;letter-spacing:20px;line-height:normal;font-family:"FreeCoastine";text-indent:20px}
@media screen and (max-width:991px){#vl-varipuls .vlv-title-section .vlv-title{font-size:36px;letter-spacing:15px;text-indent:15px}}
#vl-varipuls .vlv-title-section .vlv-sub-title{font-size:30px;letter-spacing:15px;font-weight:bold;margin-bottom:25px;font-family:"Noto Sans TC";font-weight:700}
@media screen and (max-width:991px){#vl-varipuls .vlv-title-section .vlv-sub-title{font-size:24px;letter-spacing:10px}}
#vl-varipuls .vlv-content{color:#4a494b;margin-bottom:30px;font-family:"MHeiHK Light"}
#vl-varipuls .vlv-img img{max-width:600px;width:100%}
#vl-varipuls .single-vlv-box{background-color:#96717d26;border-radius:15px;padding:30px;position:relative;margin:0px 26px 60px 26px}
@media screen and (max-width:767px){#vl-varipuls .single-vlv-box{padding:30px 0px;margin:0 0 60px 0}}
#vl-varipuls .single-vlv-box.sv-box-1 .vlv-bottom-text{font-size:32px;letter-spacing:5px;text-indent:5px;font-family:"DIN Alternate"}
#vl-varipuls .single-vlv-box.sv-box-1:after{content:"+";top:100px;font-size:35px;position:absolute;right:-50px;color:#4a494b}
#vl-varipuls .single-vlv-box.sv-box-2 .vlv-bottom-text{font-size:22px}
#vl-varipuls .single-vlv-box.sv-box-2:after{content:"=";top:100px;font-size:35px;position:absolute;right:-50px;color:#4a494b}
@media screen and (min-width:992px){#vl-varipuls .single-vlv-box.sv-box-3 .vlv-box-content ul{padding-left:5px}}
#vl-varipuls .single-vlv-box.sv-box-3 .vlv-bottom-text{font-size:32px;letter-spacing:5px;text-indent:5px;font-family:"DIN Alternate"}
#vl-varipuls .single-vlv-box .vlv-circle-box{background-color:#89744d;border-radius:100%;width:200px;height:200px;margin:auto;padding:8px;font-weight:400}
#vl-varipuls .single-vlv-box .vlv-circle-box .vlv-circle-border{border-radius:100%;width:100%;height:100%;border:1px solid #fff;color:#fff;font-family:"Noto Sans TC";font-weight:700;padding:3px}
#vl-varipuls .single-vlv-box .vlv-circle-box .vlv-circle-border .vlv-inner-border{border-radius:100%;width:100%;height:100%;border:1px solid #fff;display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:column}
#vl-varipuls .single-vlv-box .vlv-circle-box .vlv-circle-border .vlv-top-text{font-size:22px}
#vl-varipuls .single-vlv-box .vlv-circle-box .vlv-circle-border .vlv-bottom-text{line-height:normal}
#vl-varipuls .single-vlv-box .vlv-box-title{text-align:center;font-size:20px;font-weight:bold;margin:15px 0 20px;font-family:"MHeiHK Xbold"}
#vl-varipuls .single-vlv-box .vlv-box-content{width:fit-content;margin:auto;font-family:"Noto Sans TC";font-weight:400}
#vl-varipuls .single-vlv-box .vlv-box-content ul{color:#333;font-weight:300;font-family:"MHeiHK Light"}
@media screen and (min-width:768px){#vl-varipuls .single-vlv-box{padding:30px 10px;margin:0px 15px 60px 15px}}
@media screen and (min-width:992px){#vl-varipuls .single-vlv-box{padding:30px 20px;margin:0px 26px 60px 26px}}
@media screen and (min-width:1200px){#vl-varipuls .single-vlv-box{padding:30px;margin:0px 26px 60px 26px}}
@media screen and (max-width:768px){#vl-varipuls .single-vlv-box.sv-box-1:after,#vl-varipuls .single-vlv-box.sv-box-2:after{top:auto;right:auto;bottom:-55px;left:50%;transform:translateX(-50%)}}
@media screen and (max-width:991px) and (min-width:768px){#vl-varipuls .single-vlv-box .vlv-circle-box{width:150px;height:150px}#vl-varipuls .single-vlv-box.sv-box-1:after,#vl-varipuls .single-vlv-box.sv-box-2:after{top:75px;right:-38px}}
.vl-varipuls-img img{max-width:25%;position:absolute;z-index:99;left:0;transform:translateY(-68%);pointer-events:none}
@media screen and (max-width:991px){.vl-varipuls-img img{transform:translateY(-85%)}}
@media screen and (max-width:767px){.vl-varipuls-img img{max-width:180px}}
#vl-face{clip-path:polygon(0 150px,100% 0,100% 100%,0 100%);background-color:#86305e}
#vl-face .vlf-inner{clip-path:polygon(0 150px,100% 0,100% 100%,0 100%);margin-top:-175px;background-color:#fff;position:relative;padding:150px 0 0 0;background-image:url(../themes/venus-concept/assets/images/venus-legacy/bg-11.png);background-repeat:no-repeat;background-size:cover;background-position:left top;transform:translateY(1px)}
#vl-face .color-mask{background:#ceb6ad;background:linear-gradient(90deg,rgba(206,182,173,0) 10%,rgba(206,182,173,0.3) 100%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
#vl-face .vlf-title{font-size:40px;color:var(--primary);margin-bottom:40px;letter-spacing:10px;text-align:center;margin-top:18%;font-family:"MHeiHK Xbold"}
#vl-face .hide-section{display:none}
#vl-face .vlf-border-box{border:1px solid var(--primary);border-radius:10px;padding:40px 50px 30px 50px;position:relative;background-color:#fff;z-index:9}
@media screen and (max-width:991px){#vl-face .vlf-border-box{padding:30px 15px 20px 15px}}
#vl-face .vlf-border-box .vlf-box-icon{position:absolute;top:-28px;left:50%;text-align:center;margin:auto;transform:translate(-50%)}
#vl-face .vlf-border-box .vlf-box-icon img{max-width:55px}
#vl-face .vlf-border-box .vlf-content{margin-bottom:20px;font-weight:500;color:#757677;font-family:"Noto Sans TC";font-weight:700}
#vl-face .vlf-border-box .vlf-content p{margin-bottom:20px}
#vl-face .vlf-border-box .vlf-content img{height:auto;max-width:100%}
#vl-face .vlf-content-box{margin-top:30px}
#vl-face .vlf-content-box .vlf-content{color:#fff;background-color:var(--primary);padding:20px 30px 20px 60px;border-radius:10px;margin-bottom:20px;font-weight:400;font-family:"Noto Sans TC";font-weight:700}
@media screen and (max-width:991px){#vl-face .vlf-content-box .vlf-content{padding:15px 15px 15px 25px}}
@media screen and (max-width:767px){#vl-face .vlf-content-box .vlf-content{display:flex;align-items:center;padding:15px 15px 15px 5px}}
#vl-face .vlf-content-box .vlf-content .m-vlf-product .vlf-product-img{max-width:130px}
#vl-face .vlf-content-box .single-content-box{margin-left:60px;color:var(--primary);font-weight:300;font-family:"Noto Sans TC";font-weight:100}
@media screen and (max-width:991px){#vl-face .vlf-content-box .single-content-box{margin-left:0px;font-size:14px}}
@media screen and (max-width:767px){#vl-face .vlf-content-box .single-content-box{font-size:16px}}
#vl-face .vlf-content-box .single-content-box ul{list-style-type:none;padding-left:0px}
#vl-face .vlf-content-box .single-content-box ul li{padding-left:70px;position:relative}
#vl-face .vlf-content-box .single-content-box ul li:not(:first-child){padding-top:15px;border-top:1px solid var(--primary);margin-top:15px}
#vl-face .vlf-content-box .single-content-box ul li:not(:first-child):before{top:15px}
@media screen and (max-width:767px){#vl-face .vlf-content-box .single-content-box ul li:not(:first-child):before{top:20px}}
@media screen and (max-width:991px){#vl-face .vlf-content-box .single-content-box ul li{padding-left:40px}}
@media screen and (max-width:767px){#vl-face .vlf-content-box .single-content-box ul li{padding-left:50px}}
#vl-face .vlf-content-box .single-content-box ul li:before{content:"";background-image:url(../themes/venus-concept/assets/images/venus-legacy/vl-img-9.png);background-size:contain;background-repeat:no-repeat;position:absolute;left:0;top:0px;width:45px;height:44px}
@media screen and (max-width:991px){#vl-face .vlf-content-box .single-content-box ul li:before{max-width:35px;height:34px}}
@media screen and (max-width:767px){#vl-face .vlf-content-box .single-content-box ul li:before{max-width:40px;height:39px;top:5px}}
#vl-face .vlf-content-box .single-content-box ul li:after{content:"";position:absolute;top:50%;margin-left:20px;border-bottom:1px solid #e69d09}
@media screen and (max-width:767px){#vl-face .vlf-content-box .single-content-box ul li:after{content:unset}}
#vl-face .vlf-content-box .single-content-box .sc-details{display:flex;align-content:center;align-items:center;line-height:normal;justify-content:flex-start}
#vl-face .vlf-content-box .single-content-box .sc-details .sc-icon{padding-right:25px}
@media screen and (max-width:991px){#vl-face .vlf-content-box .single-content-box .sc-details .sc-icon{padding-right:5px}}
@media screen and (max-width:767px){#vl-face .vlf-content-box .single-content-box .sc-details .sc-icon{padding-right:10px}}
#vl-face .vlf-content-box .single-content-box .sc-details .sc-icon img{max-width:45px}
@media screen and (max-width:991px){#vl-face .vlf-content-box .single-content-box .sc-details .sc-icon img{max-width:35px}}
@media screen and (max-width:767px){#vl-face .vlf-content-box .single-content-box .sc-details .sc-icon img{max-width:40px}}
#vl-face .vlf-content-box .single-content-box .sc-details .sc-text{color:var(--primary);font-weight:300;font-family:"Noto Sans TC";font-weight:100}
@media screen and (max-width:991px){#vl-face .vlf-content-box .single-content-box .sc-details .sc-text{font-size:14px}}
@media screen and (max-width:767px){#vl-face .vlf-content-box .single-content-box .sc-details .sc-text{font-size:16px}}
#vl-face .vlf-content-box .single-content-box.scb-1{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--primary)}
#vl-face .vlf-product-img{max-width:230px;margin-left:-75px;position:relative}
@media screen and (max-width:991px){#vl-face .vlf-product-img{max-width:150px;margin-left:-55px}}
@media screen and (max-width:767px){#vl-face .vlf-product-img{margin-left:0px}}
@media screen and (max-width:991px){#vl-face .body-col{align-self:end}}
#vl-face .vlf-body{position:relative}
@media screen and (max-width:1199px){#vl-face .vlf-body{margin-top:50px}}
@media screen and (max-width:991px){#vl-face .vlf-body{margin-top:150px}}
@media screen and (max-width:767px){#vl-face .vlf-body{margin-top:50px}}
#vl-face .vlf-body .vlf-body-box{border:1px solid var(--primary);width:100px;height:100px;border-radius:100%;padding:7px;position:absolute;font-family:"Noto Sans TC";font-weight:100;cursor:pointer}
#vl-face .vlf-body .vlf-body-box.active{border:0px}
#vl-face .vlf-body .vlf-body-box.active .vlf-b-text{background-color:var(--primary);color:#fff;font-weight:bold;font-family:"MHeiHK Medium"}
#vl-face .vlf-body .vlf-body-box.active .border-line{display:flex}
@media screen and (max-width:767px){#vl-face .vlf-body .vlf-body-box.active:after{content:"";border:10px solid #85305e;position:absolute;bottom:90px;left:40px;transform:rotate(45deg);border-bottom:10px solid transparent;border-right:10px solid transparent}}
#vl-face .vlf-body .vlf-body-box .border-line{z-index:1;pointer-events:none;display:none}
@media screen and (max-width:767px){#vl-face .vlf-body .vlf-body-box .border-line{display:none !important}}
#vl-face .vlf-body .vlf-body-box.vlf-box-1{top:13%;left:15%}
@media screen and (max-width:767px){#vl-face .vlf-body .vlf-body-box.vlf-box-1{top:15%;left:13%}}
#vl-face .vlf-body .vlf-body-box.vlf-box-1 .border-line{position:absolute;right:92%;top:50%}
#vl-face .vlf-body .vlf-body-box.vlf-box-1 .border-line .line-1{border-bottom:1px dashed var(--primary);border-right:1px dashed var(--primary);height:120px;width:80px}
@media screen and (max-width:1199px){#vl-face .vlf-body .vlf-body-box.vlf-box-1 .border-line .line-1{display:none}}
#vl-face .vlf-body .vlf-body-box.vlf-box-1 .border-line .line-2{border-top:1px dashed var(--primary);height:120px;width:150px}
#vl-face .vlf-body .vlf-body-box.vlf-box-2{top:35%;left:0}
#vl-face .vlf-body .vlf-body-box.vlf-box-2 .border-line{position:absolute;right:92%;bottom:50%}
@media screen and (max-width:1199px){#vl-face .vlf-body .vlf-body-box.vlf-box-2 .border-line{right:50%;bottom:92%}}
#vl-face .vlf-body .vlf-body-box.vlf-box-2 .border-line .line-1{border-top:1px dashed var(--primary);border-right:1px dashed var(--primary);height:100px;width:80px}
@media screen and (max-width:1199px){#vl-face .vlf-body .vlf-body-box.vlf-box-2 .border-line .line-1{display:none}}
#vl-face .vlf-body .vlf-body-box.vlf-box-2 .border-line .line-2{border-bottom:1px dashed var(--primary);height:100px;width:70px}
@media screen and (max-width:1199px){#vl-face .vlf-body .vlf-body-box.vlf-box-2 .border-line .line-2{height:70px;width:90px;border-top:1px dashed var(--primary);border-right:1px dashed var(--primary);border-bottom:0px}}
#vl-face .vlf-body .vlf-body-box.vlf-box-3{top:26%;right:17%}
#vl-face .vlf-body .vlf-body-box.vlf-box-3 .border-line{position:absolute;right:92%;top:50%}
@media screen and (max-width:991px){#vl-face .vlf-body .vlf-body-box.vlf-box-3 .border-line{top:35%}}
#vl-face .vlf-body .vlf-body-box.vlf-box-3 .border-line .line-1{display:none}
#vl-face .vlf-body .vlf-body-box.vlf-box-3 .border-line .line-2{border-bottom:1px dashed var(--primary);height:1px;width:500px}
@media screen and (max-width:1199px){#vl-face .vlf-body .vlf-body-box.vlf-box-3 .border-line .line-2{width:355px}}
#vl-face .vlf-body .vlf-body-box.vlf-box-4{top:61%;right:31%}
#vl-face .vlf-body .vlf-body-box.vlf-box-4 .border-line{position:absolute;right:92%;bottom:50%}
#vl-face .vlf-body .vlf-body-box.vlf-box-4 .border-line .line-1{border-top:1px dashed var(--primary);border-right:1px dashed var(--primary);height:360px;width:350px}
@media screen and (max-width:991px){#vl-face .vlf-body .vlf-body-box.vlf-box-4 .border-line .line-1{height:260px;width:150px}}
#vl-face .vlf-body .vlf-body-box.vlf-box-4 .border-line .line-2{border-bottom:1px dashed var(--primary);height:360px;width:70px}
@media screen and (max-width:991px){#vl-face .vlf-body .vlf-body-box.vlf-box-4 .border-line .line-2{height:260px;width:25px}}
#vl-face .vlf-body .vlf-body-box .vlf-b-text{color:var(--primary);border:1px solid var(--primary);width:100%;height:100%;border-radius:100%;display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;font-size:22px;font-weight:300;letter-spacing:2px;text-indent:2px}
.vl-face-img img{max-width:13%;width:100%;position:absolute;z-index:99;right:0;transform:translateY(-75%);pointer-events:none}
@media screen and (max-width:991px){.vl-face-img img{transform:translateY(-105%)}}
@media screen and (max-width:767px){.vl-face-img img{transform:translateY(-90%);max-width:140px}}
#vl-result{clip-path:polygon(0 140px,100% 0,100% 100%,0 100%);background-color:#86305e}
#vl-result .vlf-inner{clip-path:polygon(0 140px,100% 0,100% 100%,0 100%);margin-top:-140px;background-color:#fff;position:relative;padding:140px 0 160px 0;transform:translateY(1px)}
#vl-result .vlr-title{font-size:45px;color:var(--primary);margin-bottom:40px;font-weight:bold;letter-spacing:15px;text-align:center;font-family:"MHeiHK Xbold"}
#vl-result .vlr-img img{max-width:300px}
#vl-compare{position:relative;padding:150px 0 100px 0;clip-path:polygon(0 0,100% 150px,100% 100%,0 100%);margin-top:-150px}
#vl-compare .color-mask{background:#d7d3cc;background:linear-gradient(0deg,rgba(215,211,204,0.1) 10%,#d7d3cc 100%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
#vl-compare .vlc-title{font-size:45px;color:#333;margin-bottom:60px;font-weight:bold;letter-spacing:15px;text-align:center;text-indent:15px;font-family:"MHeiHK Xbold"}
.responsive-table th{font-family:"Noto Sans TC";font-weight:700}
.responsive-table tbody tr td{color:#58595b;font-family:"Noto Sans TC";font-weight:100}
.responsive-table tbody tr td:first-child{font-family:"Noto Sans TC";font-weight:700}
.btn-back-top-top{background-color:#a2005c}
.text-red{color:#812030}
.case-study .tabs .nav-pills .nav-link{font-weight:300;font-family:"Noto Sans TC";font-weight:100;font-size:24px;letter-spacing:3px}
.case-study .tabs .nav-item:not(:first-child)::before{height:26px}
.case-study .part path[data-part]{stroke-width:1px}
.case-study .part text[data-part].active{font-family:"Noto Sans TC";font-weight:900}