.logos{display:flex;align-items:flex-start}
:root{--primary:#9C0E0A;--footer-bg:#9C0E0A}
section#layout-content{position:relative}
section#layout-content p{margin-bottom:0px}
section#layout-content strong{font-weight:normal}
.bliss-max-section{position:relative}
.bliss-max-section .pin-spacer{pointer-events:none}
.bliss-max-section .pic-versa-box{position:absolute;pointer-events:none;left:0;text-align:center;margin-top:185px;z-index:99;width:100%}
.bliss-max-section .pic-versa{height:70vh;max-height:500px}
.bliss-max-section .top-inner{background-image:url(../themes/venus-concept/assets/images/venus-bliss-max/bg-1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;padding-top:60px;padding-bottom:350px;position:relative}
@media screen and (max-width:1199px){.bliss-max-section .top-inner{padding-bottom:300px}}
@media screen and (max-width:767px){.bliss-max-section .top-inner{padding-bottom:200px}}
@media screen and (max-width:575px){.bliss-max-section .top-inner{padding-bottom:100px}}
.bliss-max-section .top-inner .m-pic-versa img{max-width:240px;width:100%}
.bliss-max-section .top-inner .brand-logo img{max-width:220px;width:100%}
.bliss-max-section .top-inner .group-text{font-family:"MSmartHK Medium";color:#fff}
@media screen and (max-width:991px){.bliss-max-section .top-inner .group-text .center-group{align-self:center}}
@media screen and (max-width:767px){.bliss-max-section .top-inner .group-text{margin-top:20px}}
.bliss-max-section .top-inner .group-text .left-text{font-size:45px;letter-spacing:20px;text-align:right;line-height:1.3;padding-top:160px;text-shadow:0px 0px 20px #ff002b}
@media screen and (max-width:991px){.bliss-max-section .top-inner .group-text .left-text{font-size:35px;letter-spacing:5px}}
@media screen and (max-width:767px){.bliss-max-section .top-inner .group-text .left-text{padding-top:0px}}
@media screen and (max-width:575px){.bliss-max-section .top-inner .group-text .left-text{margin-bottom:30px}}
.bliss-max-section .top-inner .group-text .right-text{font-size:60px;letter-spacing:20px;text-align:left;line-height:1.4;padding-top:225px;text-shadow:0px 0px 20px #ff002b}
@media screen and (max-width:1199px){.bliss-max-section .top-inner .group-text .right-text{font-size:50px}}
@media screen and (max-width:991px){.bliss-max-section .top-inner .group-text .right-text{font-size:45px;letter-spacing:5px}}
@media screen and (max-width:767px){.bliss-max-section .top-inner .group-text .right-text{padding-top:0px}}
@media screen and (max-width:575px){.bliss-max-section .top-inner .group-text .right-text{margin-bottom:30px}}
.product-section{clip-path:polygon(0 250px,100% 0,100% 100%,0 100%);margin-top:-250px;position:relative;z-index:2;background-color:#000}
@media screen and (max-width:1199px){.product-section{clip-path:polygon(0 200px,100% 0,100% 100%,0 100%);margin-top:-200px}}
@media screen and (max-width:991px){.product-section{clip-path:polygon(0 150px,100% 0,100% 100%,0 100%);margin-top:-200px}}
@media screen and (max-width:767px){.product-section{clip-path:polygon(0 100px,100% 0,100% 100%,0 100%);margin-top:-150px}}
@media screen and (max-width:575px){.product-section{clip-path:polygon(0 50px,100% 0,100% 100%,0 100%);margin-top:-100px}}
.steps{position:relative;z-index:2}
.steps .title-pic{position:absolute;left:0;top:-120px;z-index:2;display:flex;justify-content:space-between;width:100%}
@media screen and (max-width:991px){.steps .title-pic{top:-70px}}
@media screen and (max-width:575px){.steps .title-pic{top:-55px}}
.steps .title-pic .left-pic img{max-width:724px;width:100%}
.steps .title-pic .right-pic img{max-width:700px;width:100%}
.steps .items-box{font-family:"Noto Sans TC";font-weight:300;text-align:center;display:flex;justify-content:center}
.steps .items-box .content-item{padding:20px;margin:6px;width:150px;height:125px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.steps .items-box .content-item.item-style-1{border-top-right-radius:20px;border-bottom-left-radius:20px}
.steps .items-box .content-item.item-style-2{border-top-left-radius:20px;border-bottom-right-radius:20px}
.steps .items-box .content-item.item-style-2 strong{font-family:"Lokey";font-weight:400;font-size:30px}
.steps .items-box .content-item span{font-family:"Lokey";font-weight:400}
.steps .items-box .content-item span.perc{font-size:30px}
.steps .items-box .content-item strong{font-family:"Lokey";font-weight:400}
.steps .items-box .content-item strong.perc{font-size:30px}
.steps .col-step-1{background-image:url(../themes/venus-concept/assets/images/venus-bliss-max/bg-4.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;margin-bottom:500px;clip-path:polygon(0 0,100% 100px,100% 100%,0 100%);margin-top:-100px}
@media screen and (max-width:1199px){.steps .col-step-1{margin-bottom:0}}
@media screen and (max-width:991px){.steps .col-step-1{clip-path:polygon(0 0,100% 50px,100% 100%,0 100%);margin-top:-50px}}
@media screen and (max-width:767px){.steps .col-step-1{clip-path:polygon(0 0,100% 25px,100% 100%,0 100%)}}
.steps .col-step-1 .side-pic img{pointer-events:none;position:absolute;z-index:0;width:25%;max-width:350px;left:-50px;top:-140px;padding-top:320px}
@media screen and (min-width:1500px){.steps .col-step-1 .side-pic img{top:-90px}}
@media screen and (max-width:767px){.steps .col-step-1 .side-pic img{top:0}}
@media screen and (max-width:575px){.steps .col-step-1 .side-pic img{padding-top:390px;width:30%}}
.steps .col-step-1 .step-content-box{padding-top:25%;position:relative;padding-bottom:20%}
.steps .col-step-1 .step-content-box .left-box{line-height:1.1}
@media screen and (max-width:575px){.steps .col-step-1 .step-content-box .left-box{text-align:center}}
.steps .col-step-1 .step-content-box .left-box .top-title{font-size:30px;letter-spacing:3px;color:var(--primary);font-family:"KozGoPr6N Regular"}
.steps .col-step-1 .step-content-box .left-box .middle-title{font-size:45px;letter-spacing:5px;color:#000;font-family:"Lokey"}
.steps .col-step-1 .step-content-box .left-box .middle-title span{font-size:30px}
.steps .col-step-1 .step-content-box .left-box .middle-title strong{font-size:30px}
.steps .col-step-1 .step-content-box .left-box .bottom-title{font-size:35px;letter-spacing:1px;color:#000;font-family:"KozGoPr6N Regular"}
@media screen and (max-width:991px){.steps .col-step-1 .step-content-box .left-box .bottom-title{font-size:30px}}
.steps .col-step-1 .step-content-box .right-box{width:fit-content}
@media screen and (max-width:575px){.steps .col-step-1 .step-content-box .right-box{width:auto;margin-top:40px}}
.steps .col-step-1 .step-content-box .right-box .items-box{color:var(--primary)}
.steps .col-step-1 .step-content-box .right-box .items-box .content-item{background-color:#D5D5D5}
.steps .col-step-1 .step-content-box .steps-content{width:fit-content}
@media screen and (max-width:767px){.steps .col-step-1 .step-content-box .steps-content{margin:auto;margin-top:50px}}
.steps .col-step-1 .step-content-box .steps-content .steps-top-content{display:flex;flex-direction:row;align-items:center;margin:auto;width:fit-content;margin-bottom:10px}
.steps .col-step-1 .step-content-box .steps-content .steps-top-content .steps-num{font-family:"Times Regular";font-size:90px;color:#722172;border-right:1px solid #722172;line-height:0.9;padding-right:20px}
@media screen and (min-width:1600px){.steps .col-step-1 .step-content-box .steps-content .steps-top-content .steps-num{font-size:110px}}
.steps .col-step-1 .step-content-box .steps-content .steps-top-content .steps-text{color:#722172;font-size:30px;letter-spacing:15px;text-indent:15px;line-height:1.3;padding-left:5px}
.steps .col-step-1 .step-content-box .steps-content .steps-top-content .steps-text .steps-top-text{font-family:"Noto Sans TC";font-weight:900}
.steps .col-step-1 .step-content-box .steps-content .steps-top-content .steps-text .steps-bottom-text{font-family:"Noto Sans TC";font-weight:100}
.steps .col-step-1 .step-content-box .steps-content .steps-bottom-content .triangle-box{display:flex;flex-direction:row;color:var(--primary);font-family:"Noto Sans TC";font-weight:700;justify-content:center}
.steps .col-step-1 .step-content-box .steps-content .steps-bottom-content .triangle-box .triangle-text{background-image:url(../themes/venus-concept/assets/images/venus-fiore/triangle-bg.png);background-repeat:no-repeat;background-size:contain;background-position:center center;width:84px;height:78px;line-height:normal;display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:row;margin:0px 5px;padding:15px 26px 0 26px}
@media screen and (min-width:1600px){.steps .col-step-1 .step-content-box .steps-content .steps-bottom-content .triangle-box .triangle-text{margin:0px 15px}}
.steps .col-step-1 .step-content-box .steps-rm-btn{position:absolute;left:50%;bottom:16%;transform:translateX(-50%)}
@media screen and (min-width:1600px){.steps .col-step-1 .step-content-box .steps-rm-btn{bottom:12%}}
@media screen and (max-width:767px){.steps .col-step-1 .step-content-box .steps-rm-btn{position:relative;left:auto;bottom:auto;transform:unset;margin:50px 0}}
.steps .bottom-step-section{position:absolute;top:0;width:100%;height:100%;clip-path:polygon(50% calc(100% - 500px),100% 25%,100% 100%,0 100%,0 30%)}
@media screen and (max-width:1199px){.steps .bottom-step-section{position:relative;width:auto;clip-path:unset !important}}
@media screen and (max-width:767px){.steps .bottom-step-section{margin-top:0}}
.steps .bottom-step-section .col-step-2{background-image:url(../themes/venus-concept/assets/images/venus-bliss-max/bg-6.jpg);background-repeat:no-repeat;background-size:cover;background-position:center 100px;clip-path:polygon(0 calc(100% - 500px),100% 25%,100% 100%,0% 100%);position:relative}
@media screen and (max-width:1199px){.steps .bottom-step-section .col-step-2{clip-path:unset !important;background-position:center bottom}}
.steps .bottom-step-section .col-step-2 .side-pic img{pointer-events:none;position:absolute;z-index:0;width:45%;max-width:350px;right:-90px;top:-160px}
.steps .bottom-step-section .col-step-2 .top-box{line-height:1.3;width:fit-content;margin:0 auto 35px;color:#000;text-align:right}
.steps .bottom-step-section .col-step-2 .top-box .top-title{font-size:30px;letter-spacing:3px;font-family:"KozGoPr6N Regular"}
.steps .bottom-step-section .col-step-2 .top-box .middle-title{font-size:38px;letter-spacing:5px;font-family:"Lokey"}
.steps .bottom-step-section .col-step-2 .top-box .bottom-title{font-size:35px;letter-spacing:1px;font-family:"KozGoPr6N Regular"}
.steps .bottom-step-section .col-step-2 .flex-box{display:flex;align-items:flex-end}
@media screen and (max-width:991px){.steps .bottom-step-section .col-step-2 .flex-box{align-items:center;justify-content:unset;flex-direction:column}}
.steps .bottom-step-section .col-step-2 .right-box{width:fit-content;margin-right:20px}
@media screen and (max-width:991px){.steps .bottom-step-section .col-step-2 .right-box{margin-right:0;margin-bottom:20px}}
.steps .bottom-step-section .col-step-2 .right-box .items-box{color:#fff}
.steps .bottom-step-section .col-step-2 .right-box .items-box .content-item{background-color:var(--primary)}
@media screen and (max-width:991px){.steps .bottom-step-section .col-step-2 .right-box .items-box .content-item{box-shadow:0px 0px 1px #fff}}
.steps .bottom-step-section .col-step-2 .step-content-box{padding-top:100%;position:relative}
@media screen and (max-width:1199px){.steps .bottom-step-section .col-step-2 .step-content-box{padding-top:80px;padding-bottom:120px}}
.steps .bottom-step-section .col-step-2 .step-content-box .steps-rm-btn{text-align:right}
@media screen and (max-width:767px){.steps .bottom-step-section .col-step-2 .step-content-box .steps-rm-btn{text-align:center}}
.steps .bottom-step-section .col-step-2 .step-content-box .steps-content{position:relative}
@media screen and (max-width:767px){.steps .bottom-step-section .col-step-2 .step-content-box .steps-content{margin:auto;margin-top:50px}}
.steps .bottom-step-section .col-step-2 .step-content-box .steps-content .steps-top-content{display:flex;flex-direction:row;align-items:center;margin:auto;width:fit-content;margin-bottom:50px}
.steps .bottom-step-section .col-step-2 .step-content-box .steps-content .steps-bottom-content .triangle-box{display:flex;flex-direction:row;color:var(--primary);font-family:"Noto Sans TC";font-weight:700;justify-content:center}
.steps .bottom-step-section .col-step-2 .step-content-box .steps-content .steps-bottom-content .triangle-box .triangle-text{background-image:url(../themes/venus-concept/assets/images/venus-fiore/triangle-bg.png);background-repeat:no-repeat;background-size:contain;background-position:center center;width:84px;height:78px;line-height:normal;display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:row;margin:0px 15px;padding:15px 26px 0 26px}
.steps .bottom-step-section .col-step-3{background-image:url(../themes/venus-concept/assets/images/venus-bliss-max/bg-5.jpg);background-repeat:no-repeat;background-size:cover;background-position:center 100px;clip-path:polygon(0 30%,100% calc(100% - 500px),100% 100%,0% 100%);position:relative}
@media screen and (max-width:1199px){.steps .bottom-step-section .col-step-3{clip-path:unset !important;background-position:center bottom}}
@media screen and (max-width:767px){.steps .bottom-step-section .col-step-3{background-position:center top}}
.steps .bottom-step-section .col-step-3 .side-pic img{pointer-events:none;position:absolute;z-index:0;width:45%;max-width:350px;left:-100px;top:-150px}
.steps .bottom-step-section .col-step-3 .top-box{line-height:1.5;width:fit-content;margin:0 auto 30px}
.steps .bottom-step-section .col-step-3 .top-box .top-title{font-size:30px;letter-spacing:3px;color:var(--primary);font-family:"KozGoPr6N Regular"}
.steps .bottom-step-section .col-step-3 .top-box .middle-pic img{max-width:230px}
.steps .bottom-step-section .col-step-3 .top-box .bottom-title{font-size:35px;letter-spacing:1px;color:var(--primary);font-family:"KozGoPr6N Regular"}
.steps .bottom-step-section .col-step-3 .flex-box{display:flex;align-items:flex-end;justify-content:flex-end}
@media screen and (max-width:991px){.steps .bottom-step-section .col-step-3 .flex-box{align-items:center;justify-content:unset;flex-direction:column-reverse}}
.steps .bottom-step-section .col-step-3 .right-box{width:fit-content;margin-left:20px}
@media screen and (max-width:991px){.steps .bottom-step-section .col-step-3 .right-box{margin-left:0;margin-bottom:20px}}
.steps .bottom-step-section .col-step-3 .right-box .items-box{color:#fff}
.steps .bottom-step-section .col-step-3 .right-box .items-box .content-item{background-color:#4F4F4F}
.steps .bottom-step-section .col-step-3 .step-content-box{padding-top:100%;position:relative}
@media screen and (max-width:1199px){.steps .bottom-step-section .col-step-3 .step-content-box{padding-top:80px;padding-bottom:120px}}
.steps .bottom-step-section .col-step-3 .step-content-box .steps-content{position:relative}
@media screen and (max-width:767px){.steps .bottom-step-section .col-step-3 .step-content-box .steps-content{margin:auto;margin-top:50px}}
.steps .bottom-step-section .col-step-3 .step-content-box .steps-content .steps-img{text-align:center;margin-bottom:15px}
.steps .bottom-step-section .col-step-3 .step-content-box .steps-content .steps-img img{max-width:140px;width:100%}
.steps .bottom-step-section .col-step-3 .step-content-box .steps-content .steps-top-content{display:flex;flex-direction:row;align-items:center;margin:auto;width:fit-content;margin-bottom:70px}
.steps .bottom-step-section .col-step-3 .step-content-box .steps-content .steps-bottom-content .triangle-box{display:flex;flex-direction:row;color:var(--primary);font-family:"Noto Sans TC";font-weight:700;justify-content:center}
.steps .bottom-step-section .col-step-3 .step-content-box .steps-content .steps-bottom-content .triangle-box .triangle-text{background-image:url(../themes/venus-concept/assets/images/venus-fiore/triangle-bg.png);background-repeat:no-repeat;background-size:contain;background-position:center center;width:84px;height:78px;line-height:normal;display:flex;align-content:center;justify-content:center;align-items:center;flex-direction:row;margin:0px 15px;padding:15px 26px 0 26px}
.steps .steps-rm-btn{z-index:999;cursor:pointer}
@media screen and (max-width:767px){.steps .steps-rm-btn{text-align:center}}
.steps .steps-rm-btn img{max-width:100px}
.steps .step-1-section.steps-rm-btn{position:absolute;left:50%;bottom:20%;transform:translateX(-50%);margin-bottom:340px}
.effects-section{clip-path:polygon(0 0,100% 100px,100% 100%,0 100%);margin-top:-100px;padding:110px 0;background:#d4d4d4;background:linear-gradient(180deg,#d4d4d4 0%,#d4d4d4 20%,#a4a5a6 100%);position:relative;z-index:2}
.effects-section .title{color:var(--primary);text-align:center;display:flex;align-items:flex-end;line-height:1;letter-spacing:10px;font-size:55px;justify-content:center;font-family:"MSmartHK Bold";width:max-content;margin:0 auto 40px;padding:0 35px;position:relative}
@media screen and (max-width:767px){.effects-section .title{font-size:45px}}
@media screen and (max-width:575px){.effects-section .title{letter-spacing:5px;font-size:35px}}
.effects-section .title:after{content:"";background-color:#fff;height:13px;width:100%;position:absolute;bottom:-6px;clip-path:polygon(0 0,40px 13px,100% 80%);z-index:-1}
.effects-section .title .sm-text{font-size:35px}
@media screen and (max-width:575px){.effects-section .title .sm-text{font-size:25px}}
.effects-section .content{text-align:center;letter-spacing:2px;text-indent:2px;font-family:"Noto Sans TC";font-weight:400}
.effects-section .content.top-text{margin-bottom:30px}
.effects-section .content.bottom-text{margin-top:30px}
.effects-section .left-box .sub-title{color:var(--primary);font-size:40px;font-family:"MSmartHK Bold";letter-spacing:20px;margin-bottom:15px;text-shadow:1px 1px 1px #fff}
@media screen and (max-width:991px){.effects-section .left-box .sub-title{font-size:30px;letter-spacing:10px}}
@media screen and (max-width:767px){.effects-section .left-box .pic-box{margin-bottom:20px}}
.effects-section .left-box .pic-box img{max-width:300px;width:100%}
.effects-section .right-box img{max-width:270px;width:100%}
.btribody-section{clip-path:polygon(0 100px,100% 0,100% 100%,0 100%);background-image:url(../themes/venus-concept/assets/images/venus-bliss-max/bg-3.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;position:relative;margin-top:-100px;padding:120px 0 150px;z-index:2}
@media screen and (max-width:767px){.btribody-section{padding:120px 0 200px}}
.btribody-section .title-group{font-family:"MSmartHK Bold";width:fit-content;margin:auto}
.btribody-section .title-group .title{color:#fff;display:flex;align-items:center;font-size:50px;letter-spacing:15px}
@media screen and (max-width:767px){.btribody-section .title-group .title{font-size:40px;letter-spacing:10px}}
@media screen and (max-width:575px){.btribody-section .title-group .title{font-size:30px;letter-spacing:5px}}
.btribody-section .title-group .title .text-pic{padding-right:15px}
.btribody-section .title-group .title .text-pic img{max-width:260px;width:100%}
@media screen and (max-width:575px){.btribody-section .title-group .title .text-pic img{max-width:160px}}
.btribody-section .title-group .sub-title{color:var(--primary);font-size:30px;letter-spacing:10px;margin-bottom:15px;line-height:1}
.btribody-section .title-group .sub-title.bottom-text{text-align:right}
@media screen and (max-width:767px){.btribody-section .content-box{margin-top:50px !important}}
.btribody-section .content-box .title-box{display:flex;align-items:flex-end;letter-spacing:20px;font-size:35px;font-family:"MSmartHK Bold";line-height:1;padding-left:5px}
.btribody-section .content-box .title-box .case-num{font-size:150px;font-weight:100;font-family:"Lokey";line-height:80px}
@media screen and (max-width:767px){.btribody-section .content-box .title-box .case-num{font-size:100px;line-height:54px}}
.btribody-section .content-box .content{padding:30px 30px 0}
.btribody-section .content-box .description{font-family:"Noto Sans TC";font-weight:400;margin-bottom:20px;letter-spacing:3px}
@media screen and (max-width:991px){.btribody-section .content-box .description{letter-spacing:0}}
.btribody-section .content-box .content-title{color:#000;border:2px solid #000;padding:5px;line-height:1;font-size:20px;letter-spacing:10px;display:inline-block;margin-bottom:25px;text-align:center;text-indent:10px;font-family:"MSmartHK Bold"}
.btribody-section .content-box .single-list{display:flex;padding-bottom:30px}
@media screen and (max-width:991px){.btribody-section .content-box .single-list{flex-direction:column}}
@media screen and (max-width:767px){.btribody-section .content-box .single-list{flex-direction:row}}
.btribody-section .content-box .single-list .ico-pic img{max-width:70px}
.btribody-section .content-box .single-list .content-list{padding-left:10px;color:#000;margin-top:25px;font-size:20px;letter-spacing:5px}
@media screen and (max-width:991px){.btribody-section .content-box .single-list .content-list{letter-spacing:0;font-size:16px;margin-top:10px}}
@media screen and (max-width:767px){.btribody-section .content-box .single-list .content-list{margin-top:25px;font-size:18px}}
.btribody-section .content-box .single-list .content-list .list-text{font-family:"Noto Sans TC";font-weight:700}
.btribody-section .content-box .single-list .content-list .use-way{font-size:16px;font-family:"Noto Sans TC";font-weight:400}
.btribody-section .content-box.box-1 .title-box{color:var(--primary)}
.btribody-section .content-box.box-1 .content{background-color:var(--primary)}
.btribody-section .content-box.box-1 .description{color:#fff}
.btribody-section .content-box.box-1 .single-list .content-list .use-way{color:#fff}
.btribody-section .content-box.box-2{margin-top:90px}
.btribody-section .content-box.box-2 .title-box{color:#A4A5A6}
.btribody-section .content-box.box-2 .content{background-color:#A4A5A6}
.btribody-section .content-box.box-2 .description{color:#9F0E0A}
.btribody-section .content-box.box-2 .single-list .content-list .use-way{color:#9F0E0A}
.btribody-section .content-box.box-3{margin-top:180px}
.btribody-section .content-box.box-3 .title-box{color:#fff}
.btribody-section .content-box.box-3 .content{background-color:#fff}
.btribody-section .content-box.box-3 .description{color:#9F0E0A}
.btribody-section .content-box.box-3 .single-list .content-list .use-way{color:#9F0E0A}
.result{clip-path:polygon(0 0,100% 150px,100% 100%,0 100%);background-color:#000;position:relative;padding-top:200px;padding-bottom:100px;margin-top:-150px;z-index:2}
.result .result-title{font-size:45px;color:#fff;margin-bottom:40px;font-weight:bold;letter-spacing:15px;text-align:center;font-family:"MSmartHK Bold"}
#stepDetailModal .modal-content{background-color:#000}
#stepDetailModal .content .popup-box{padding:60px 60px 0 60px}
@media screen and (max-width:991px){#stepDetailModal .content .popup-box{padding:60px 15px 0 15px}}
#stepDetailModal .content .popup-box .title{color:#fff;text-align:center;font-size:30px;letter-spacing:10px;text-indent:10px;font-family:"MSmartHK Bold";border-top:1px solid #fff;border-bottom:1px solid #fff;padding:3px 10px;width:fit-content;margin:0 auto 30px}
@media screen and (max-width:991px){#stepDetailModal .content .popup-box .title{font-size:26px;letter-spacing:5px;text-indent:5px}}
#stepDetailModal .content .popup-box.popup-1 .top-row .title{margin:0 auto 60px}
#stepDetailModal .content .popup-box.popup-1 .bottom-row .flex-box{display:flex;justify-content:center}
#stepDetailModal .content .popup-box.popup-1 .bottom-row .flex-box .case-pic{padding:0 30px 30px}
@media screen and (max-width:991px){#stepDetailModal .content .popup-box.popup-1 .bottom-row .flex-box .case-pic{padding:0 10px 30px}}
#stepDetailModal .content .popup-box.popup-1 .bottom-row .flex-box .case-pic img{max-width:160px;width:100%}
@media screen and (max-width:991px){#stepDetailModal .content .popup-box.popup-1 .bottom-row .flex-box .case-pic img{max-width:120px}}
@media screen and (max-width:767px){#stepDetailModal .content .popup-box.popup-1 .bottom-row .flex-box .case-pic img{max-width:100%}}
#stepDetailModal .content .popup-box.popup-2 .left-col{border-right:1px dashed #fff}
@media screen and (max-width:767px){#stepDetailModal .content .popup-box.popup-2 .left-col{border-right:0;border-bottom:1px dashed #fff;padding-bottom:60px;margin-bottom:60px}}
#stepDetailModal .content .popup-box.popup-2 .content{color:#fff;text-align:center;font-family:"Noto Sans TC";font-weight:400}
#stepDetailModal .content .popup-box.popup-2 .content span,
#stepDetailModal .content .popup-box.popup-2 .content strong{font-family:"Noto Sans TC";font-weight:700;color:var(--primary)}
#stepDetailModal .content .popup-box.popup-2 .left-box{padding:0 20px}
@media screen and (max-width:991px){#stepDetailModal .content .popup-box.popup-2 .left-box{padding:0}}
#stepDetailModal .content .popup-box.popup-2 .left-box .content{margin-bottom:40px}
#stepDetailModal .content .popup-box.popup-2 .left-box .case-pic{text-align:center}
#stepDetailModal .content .popup-box.popup-2 .right-box{padding:0 20px}
@media screen and (max-width:991px){#stepDetailModal .content .popup-box.popup-2 .right-box{padding:0}}
#stepDetailModal .content .popup-box.popup-2 .right-box .content{margin-bottom:20px}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-pic{text-align:center;margin-bottom:30px}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-group{color:#fff;display:flex;text-align:center;font-family:"Noto Sans TC";font-size:14px;position:relative}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case{padding:0px 20px}
@media screen and (max-width:1199px){#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case{padding:0px 10px}}
@media screen and (max-width:767px){#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case{padding:0px 5px}}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case:not(:last-child) .ico-pic::before{content:"";border-top:1px dashed #fff;position:absolute;left:100%;top:50%;z-index:0;width:50px;height:1px;transform:translateY(-50%)}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case .ico-pic{padding-bottom:10px;position:relative;background-color:#000}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case .ico-pic img{background-color:#000;position:relative}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case .case-title{font-weight:700}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case .case-text{font-weight:400}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case.case-1 .case-title{color:#AD2D34}
#stepDetailModal .content .popup-box.popup-2 .right-box .case-group .single-case.case-3 .case-title{color:#4A93BA}
#stepDetailModal .content .popup-box.popup-3 .title{margin:0 auto 60px}
#stepDetailModal .content .popup-box.popup-3 .content{color:#fff;text-align:center;font-family:"Noto Sans TC";font-weight:400;margin-bottom:60px}
#stepDetailModal .content .popup-box.popup-3 .content span,
#stepDetailModal .content .popup-box.popup-3 .content strong{font-family:"Noto Sans TC";font-weight:700;color:var(--primary)}
#stepDetailModal .btn-back{border:1px solid var(--primary);padding:5px 15px;color:#fff;border-radius:50px;letter-spacing:5px;font-size:26px;font-family:"MHeiHK Medium";text-indent:5px;background-color:var(--primary);text-align:center;margin:auto;margin-top:40px;cursor:pointer;margin-bottom:60px}
.case-study .tabs .nav-pills .nav-link{font-family:"MSmartHK Bold";font-size:24px;letter-spacing:3px;color:#fff}
.case-study .tabs .nav-item:not(:first-child)::before{height:26px;background-color:#fff}
.case-study .part path[data-part]{fill:var(--primary)}
.case-study .part path[data-part].active{fill:#fff;stroke-miterlimit:10;stroke:#9c0e0a}
.case-study .part text[data-part]{fill:#fff}
.case-study .part text[data-part].active{fill:var(--primary)}
.case-study .tabs .before-after .swiper-slide>div .name{color:#fff}