.logos{display:flex;align-items:flex-start}
:root{--primary:#148d8b;--footer-bg:#18978d;--table-title:#58595b}
.text-green{color:var(--primary)}
section:not(.centres) .container .title{font-family:"Noto Sans TC";font-weight:900}
.case-study .tabs .nav-pills .nav-link{font-family:"Noto Sans TC";font-weight:100;font-weight:normal}
section.pains{background-image:url(../themes/venus-concept/assets/images/venus-heal/bg-pains.png);background-size:1000px;background-position:center;position:relative}
section.pains::before{content:"";opacity:0.33;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(85,135,128,0.1) 0%,#558780 100%)}
section.pains .container{position:relative;height:1200px;z-index:9}
section.pains .container .pain{display:flex}
section.pains .container .pain .name{background-color:#01a5a0;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:9999px;width:120px;height:120px;font-size:18px;padding-right:10px;font-family:"Noto Sans TC";font-weight:700}
@media screen and (max-width:767px){section.pains .container .pain .name{width:60px;height:60px;font-size:14px;padding-right:5px}}
section.pains .container .pain img{width:120px;height:120px;margin-left:-30px}
@media screen and (max-width:767px){section.pains .container .pain img{width:60px;height:60px;margin-left:-10px}}
section.pains .container .lead-in{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:46px;width:60px;margin-top:30px;font-family:"Noto Sans TC";font-weight:100}
section.pains .container .lead-in .bold{font-family:"Noto Sans TC";font-weight:900}
section.pains .container .left,
section.pains .container .right{width:40%;display:flex;flex-wrap:wrap;position:absolute;top:0;margin-top:50px;justify-content:center}
@media screen and (min-width:1200px){section.pains .container .left,section.pains .container .right{justify-content:space-between}}
section.pains .container .left .pain,
section.pains .container .right .pain{margin:10px 0}
section.pains .container .left{left:0}
@media screen and (min-width:1200px){section.pains .container .left{margin-top:100px}}
@media screen and (min-width:1200px){section.pains .container .left .pain:nth-child(1){margin-top:80px}section.pains .container .left .pain:nth-child(3){margin-left:40%}section.pains .container .left .pain:nth-child(4){margin-left:20px;margin-right:100%}section.pains .container .left .pain:nth-child(5){margin-left:40%}}
section.pains .container .right{right:0}
@media screen and (min-width:1200px){section.pains .container .right .pain:nth-child(1){margin-top:80px}section.pains .container .right .pain:nth-child(3){margin-left:40%}section.pains .container .right .pain:nth-child(4){margin-left:20px;margin-right:100%}section.pains .container .right .pain:nth-child(5){margin-left:40%}}
section.pains .container .pic-heal{position:absolute;pointer-events:none;top:450px;left:0;width:100%;text-align:center;z-index:1}
section.pains .container .pic-heal img{height:350px;transform:translateX(-10px)}
section.pains .container .info{position:absolute;top:800px;left:50%;transform:translateX(-50%)}
section.pains .container .info .logo{width:200px;margin:0 auto;display:block}
section.pains .container .info .name{color:var(--primary);text-align:center;font-size:40px;letter-spacing:5px;font-family:"Noto Sans TC";font-weight:900}
section.pains .container .info .white-text{color:#fff;font-size:72px;width:562px;font-family:"ArualLight";font-weight:200;position:relative}
@media screen and (max-width:767px){section.pains .container .info .white-text{font-size:64px;width:100%}}
section.pains .container .info .white-text span{display:block;width:100%;line-height:1}
section.pains .container .info .white-text span:last-child{text-align:right;padding-right:60px}
section.pains .triangle .left,
section.pains .triangle .right{position:absolute;bottom:0;transform:translateY(50%);width:2000px;height:3000px;background-color:#fff}
section.pains .triangle .left{clip-path:polygon(100% 50%,0 0,0 100%);right:50%;background-image:linear-gradient(270deg,rgba(70,145,139,0.2) 0%,#46918b 30%,#46918b 100%)}
section.pains .triangle .right{clip-path:polygon(100% 0,0 50%,100% 100%);left:50%;background-image:linear-gradient(90deg,rgba(70,145,139,0.2) 0%,#46918b 30%,#46918b 100%)}
section.why{height:500px;margin-top:-250px;position:relative;z-index:9}
@media screen and (max-width:959px){section.why{margin-top:250px;height:auto}}
section.why .container{display:flex;height:100%;padding:0 5%}
@media screen and (max-width:1199px){section.why .container{max-width:unset;padding:0}}
@media screen and (max-width:959px){section.why .container{flex-direction:column;align-items:center}}
section.why .container .left,
section.why .container .right{width:50%;height:100%}
@media screen and (max-width:959px){section.why .container .left,section.why .container .right{width:100%}}
section.why .container .left{position:relative}
section.why .container .left .content{max-width:300px;margin:0 auto}
@media screen and (min-width:960px){section.why .container .left .content{position:absolute;top:50%;left:15%;transform:translateY(-50%);margin:unset}}
section.why .container .left .content .pic-profession{position:relative;width:90%;max-width:200px;margin:30px auto 0}
section.why .container .left .content .pic-profession .circle{position:absolute;top:-50px;left:-50px;width:100px;height:100px;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:9999px;color:#00837e;box-shadow:0 0 5px rgba(0,0,0,0.2);font-family:"Noto Sans TC";font-weight:700;font-size:22px;line-height:1.2}
section.why .container .left .content .pic-profession img{width:100%;display:block}
section.why .container .left .content .professions{display:flex;flex-wrap:wrap;margin-top:20px}
section.why .container .left .content .professions .type{display:flex;align-items:center;color:#000;font-weight:medium;width:50%;margin:5px 0}
section.why .container .left .content .professions .type .name{position:relative;color:#3a3a3a;font-family:"Noto Sans TC";font-weight:500}
section.why .container .left .content .professions .type .name::before{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:#3a3a3a}
section.why .container .left .content .professions .type::before{content:"";width:16px;height:16px;display:block;background-size:contain;background-image:url(../themes/venus-concept/assets/images/venus-heal/ico-tick.png);margin-right:5px}
section.why .container .right{position:relative;height:100%}
section.why .container .right .features{max-width:240px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px auto 0}
@media screen and (min-width:960px){section.why .container .right .features{position:absolute;top:50%;right:15%;transform:translateY(-50%);margin:unset}}
section.why .container .right .features .feature{background-color:#fff;border-radius:20px;text-align:center;width:46%;margin:2%}
section.why .container .right .features .feature img{width:70%;margin-top:10px}
section.why .container .right .features .feature .name{height:40px;line-height:20px;display:flex;align-items:center;justify-content:center;margin:5px 0;font-family:"Noto Sans TC";font-weight:500;font-size:18px;color:#3a3a3a}
section.plan-and-effect{background-color:#f8f7f4;background-image:url(../themes/venus-concept/assets/images/venus-heal/bg-plan-and-effect.png);background-repeat:repeat-x;background-size:1600px;background-position:top center;margin-top:-250px}
section.plan-and-effect .box-container{display:flex;justify-content:center;position:relative;padding:500px 0}
@media screen and (max-width:991px){section.plan-and-effect .box-container{flex-direction:column;padding:350px 0}}
section.plan-and-effect .box-container .ico-arrow-right{width:50px;height:50px;transform:rotate(90deg);margin:20px auto}
@media screen and (min-width:992px){section.plan-and-effect .box-container .ico-arrow-right{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:unset}}
section.plan-and-effect .box-container .pic-circle-plan{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px}
section.plan-and-effect .box-container .box{border-radius:20px;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,0.2);padding:20px 10px;background-size:cover;background-position:center;width:40%;position:relative;display:flex;flex-direction:column;background-color:#fff;margin:0 40px}
@media screen and (max-width:1199px){section.plan-and-effect .box-container .box{width:50%}}
@media screen and (max-width:991px){section.plan-and-effect .box-container .box{width:90%;max-width:500px;margin:0 auto}}
section.plan-and-effect .box-container .box .title{text-align:center;margin:0 auto;width:90%;font-size:24px;border-bottom:2px solid #06928d;padding:10px 0;color:#06928d;margin-bottom:30px;font-family:"Noto Sans TC";font-weight:700}
section.plan-and-effect .box-container .box .content{display:flex;flex-wrap:wrap;align-items:center;width:100%;height:100%}
section.plan-and-effect .box-container .box .content .items{width:100%}
section.plan-and-effect .box-container .box .bg{z-index:0}
section.plan-and-effect .box-container .box *{position:relative;z-index:9}
section.plan-and-effect .box-container .plan .items{text-align:center}
section.plan-and-effect .box-container .plan .items .item{display:inline-block;width:34%;margin:0 15px;padding:0 20px}
@media screen and (max-width:640px){section.plan-and-effect .box-container .plan .items .item{width:55%;margin:15px}}
section.plan-and-effect .box-container .plan .items .item .name{font-size:18px;color:#3a3a3a;text-align:center;font-family:"Noto Sans TC";font-weight:700}
section.plan-and-effect .box-container .plan .items .item .circle{margin-top:10px;position:relative;border-radius:9999px;width:100%;height:0;padding-top:100%;border:2px solid var(--primary)}
section.plan-and-effect .box-container .plan .items .item .circle .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:bold;color:var(--primary);display:flex;align-items:center;letter-spacing:5px;width:100%;justify-content:center;line-height:36px}
section.plan-and-effect .box-container .plan .items .item .circle .text .number{font-family:"MFShangHei";font-weight:400}
section.plan-and-effect .box-container .plan .items .item .circle::before{content:"";width:50px;height:50px;background-color:#fff;position:absolute;border-radius:9999px}
section.plan-and-effect .box-container .plan .items .item:nth-child(1) .circle::before{top:0;left:0}
section.plan-and-effect .box-container .plan .items .item:nth-child(2) .circle::before{top:0;right:0}
section.plan-and-effect .box-container .plan .items .item:nth-child(3) .circle::before{bottom:0;right:0}
section.plan-and-effect .box-container .effect{background-color:#298582}
section.plan-and-effect .box-container .effect .bg{content:"";width:100%;height:100%;position:absolute;background-image:url(../themes/venus-concept/assets/images//venus-heal/bg-effect.png);top:0;left:0;z-index:0}
section.plan-and-effect .box-container .effect .title{color:#fff;border-color:#fff}
section.plan-and-effect .box-container .effect .items{text-align:center}
section.plan-and-effect .box-container .effect .items .item{background-color:#fff;border-radius:9999px;width:110px;height:110px;color:var(--primary);display:inline-flex;justify-content:center;align-items:center;text-align:center;margin:10px;vertical-align:middle;font-family:"Noto Sans TC";font-weight:700}
.pic-rp3-left{position:absolute;left:-300px;width:650px;top:-250px;z-index:9;pointer-events:none}
section.rp3{padding:200px 0;clip-path:polygon(0 150px,100% 0%,100% 100%,0 100%);background:linear-gradient(0deg,#93b9b2 0%,#eff2f2 100%);transform:translateY(-200px);margin-bottom:-200px}
@media screen and (max-width:991px){section.rp3{padding:130px 0 130px}}
section.rp3 .container{position:relative}
section.rp3 .container .title{font-family:"Noto Sans TC";font-weight:400;font-weight:normal}
section.rp3 .container .title .large{font-size:56px;vertical-align:middle;font-family:"MFShangHei-Light";font-weight:normal}
section.rp3 .container .pic-rp3-right{position:absolute;bottom:-380px;right:-200px;width:450px;pointer-events:none}
section.rp3 .container .ring{position:absolute;pointer-events:none}
section.rp3 .container .steps-container{width:900px;margin:0 auto;position:relative;z-index:9}
@media screen and (max-width:999px){section.rp3 .container .steps-container{width:auto}}
@media screen and (min-width:1000px){section.rp3 .container .steps-container .steps{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;margin-left:-60px !important}}
section.rp3 .container .steps-container .steps li{position:relative}
section.rp3 .container .steps-container .steps li .ring{top:15px;left:60px;transform:translate(-50%,-50%);width:700px}
section.rp3 .container .steps-container .steps li>.title{position:absolute;top:-80px;width:150px;display:flex;align-items:center;justify-content:center}
section.rp3 .container .steps-container .steps li>.title .number{font-size:42px;font-weight:normal;color:var(--primary);font-family:"MFShangHei"}
section.rp3 .container .steps-container .steps li>.title .text{font-size:18px;margin-left:10px;font-family:"Noto Sans TC";font-weight:700;color:#3a3a3a}
section.rp3 .container .steps-container .steps li>.title .text p{margin:0}
section.rp3 .container .steps-container .steps li:nth-child(2)>.title{right:-130px;top:-10px}
section.rp3 .container .steps-container .steps li:nth-child(4)>.title{top:-10px;left:-140px}
section.rp3 .container .steps-container .steps li .info{display:flex;flex-direction:column;background-color:#fff;border-radius:20px;overflow:hidden;position:absolute;top:50%;left:-20px;transform:translateY(-50%);z-index:-1;width:400px;height:320px;box-shadow:3px 3px 10px rgba(0,0,0,0.1);opacity:0;pointer-events:none;transition:200ms all ease-in-out;z-index:9}
section.rp3 .container .steps-container .steps li .info p{margin:0;padding:0}
@media screen and (max-width:767px){section.rp3 .container .steps-container .steps li .info{width:100%}section.rp3 .container .steps-container .steps li .info .content{overflow-y:auto}}
section.rp3 .container .steps-container .steps li .info .title{background-color:#60a8a6;color:#fff;padding:20px 10px 20px 160px;text-align:center;font-family:"Noto Sans TC";font-weight:700}
section.rp3 .container .steps-container .steps li .info .title .en{font-family:"Montserrat";font-weight:700}
section.rp3 .container .steps-container .steps li .info .title .zh{font-size:20px}
section.rp3 .container .steps-container .steps li .info .content{flex-grow:1;padding:10px 20px 10px 170px;text-align:center;display:flex;flex-direction:column}
section.rp3 .container .steps-container .steps li .info .content .text{flex-grow:1;display:flex;align-items:center}
section.rp3 .container .steps-container .steps li .info .content .btn{border:1px solid #009399;border-radius:10px;color:#009399;font-size:20px;text-align:center;padding:10px 20px;display:table;margin:10px auto;font-family:"Noto Sans TC";font-weight:900}
section.rp3 .container .steps-container .steps li .info .content .btn:hover{background-color:#009399;color:#fff}
section.rp3 .container .steps-container .steps li:hover{z-index:99}
section.rp3 .container .steps-container .steps li:hover .info{pointer-events:all;opacity:1}
section.rp3 .container .steps-container .steps li img:not(.ring){width:140px;position:relative;z-index:99}
section.rp3 .container .steps-container .steps li:nth-child(2){margin-top:45px;margin-left:-35px}
section.rp3 .container .steps-container .steps li:nth-child(4){margin-top:45px;margin-left:25px}
@media screen and (max-width:999px){section.rp3 .container .steps-container .steps{top:unset !important;left:unset !important}section.rp3 .container .steps-container .steps li{position:relative !important;margin:40px auto !important;transform:translateX(20px) !important;max-width:400px;width:100%}section.rp3 .container .steps-container .steps li>.title{position:relative;margin-bottom:30px;top:-30px !important;left:unset !important;right:unset !important}section.rp3 .container .steps-container .steps li:first-child{display:none}section.rp3 .container .steps-container .steps li .info{opacity:1;pointer-events:all;position:relative;margin-top:-200px;transform:none}}
section.rp3 .container .process-container{margin:0 auto;position:relative;pointer-events:none}
@media screen and (min-width:1000px){section.rp3 .container .process-container{width:900px;height:300px;margin-top:40px;margin-bottom:200px}}
section.rp3 .container .process-container .process{display:table;pointer-events:none;position:absolute !important;top:0 !important;left:50% !important;transform:translateX(-50%) !important;margin-left:-60px !important}
section.rp3 .container .process-container .process li{pointer-events:all}
section.rp3 .container .process-container .process li .ring{top:-20px;left:60px;transform:translate(-50%,-50%);width:1100px}
section.rp3 .container .process-container .process li img:not(.ring){width:80px;margin:0 20px}
section.rp3 .container .process-container .process li .name{text-align:center;margin-top:10px;font-family:"Noto Sans TC";font-weight:700;color:#3a3a3a}
section.rp3 .container .process-container .process li:nth-child(2){margin-top:80px;margin-left:-50px}
section.rp3 .container .process-container .process li:nth-child(3){margin-top:50px;margin-left:15px}
section.rp3 .container .process-container .process li:nth-child(4){margin-top:20px;margin-left:20px}
section.rp3 .container .process-container .process li:nth-child(6){margin-top:20px;margin-left:-20px}
section.rp3 .container .process-container .process li:nth-child(7){margin-top:50px;margin-left:-10px}
section.rp3 .container .process-container .process li:nth-child(8){margin-top:80px;margin-left:50px}
@media screen and (max-width:999px){section.rp3 .container .process-container .process{position:relative !important;top:0 !important;left:0 !important;margin-left:0 !important;margin:0px;padding:0px;width:100%;display:flex;transform:none !important;flex-wrap:wrap}section.rp3 .container .process-container .process li{position:relative !important;margin:40px auto !important;transform:none !important;width:25%}section.rp3 .container .process-container .process li img{display:block;margin:0 auto !important}section.rp3 .container .process-container .process li:first-child{display:none}}
@media screen and (max-width:767px){section.rp3 .container .process-container .process li{width:50%}}
section.technical{background-color:var(--primary);clip-path:polygon(0 0,100% 100px,100% 100%,0 100%);transform:translateY(-100px);margin-bottom:-100px;padding:100px 0;background-image:url(../themes/venus-concept/assets/images//venus-heal/bg-technical.png);background-size:1000px;background-repeat:repeat-x}
section.technical .container .title{color:#fff}
section.technical .container .video{margin:30px auto;max-width:1000px}
section.technical .container .video iframe{width:100%;height:100%}
section.share{clip-path:polygon(0 0,100% 100px,100% 100%,0 100%);transform:translateY(-100px);margin-bottom:-100px;padding:150px 0 160px;background-color:#fff}
section.share .title{color:#3a3a3a}
section.compare{clip-path:polygon(0 0,100% 100px,100% 100%,0 100%);transform:translateY(-100px);margin-bottom:-100px;padding:150px 0 0;background:linear-gradient(0deg,rgba(38,192,160,0) 0%,rgba(38,192,160,0.1) 100%)}
section.compare .responsive-table tbody tr td:first-child:after,
section.compare .responsive-table tbody tr::after{display:none}
section.compare .responsive-table{padding-right:15px}
section.compare .responsive-table table{position:relative;border-spacing:0;padding-bottom:40px;color:#58595b;margin-top:40px}
section.compare .responsive-table table::after{content:"";width:93%;height:100%;position:absolute;top:0;left:8%;background:linear-gradient(90deg,#bce6e2 0%,#bce6e2 15.1%,#c8ede9 15.1%,#c8ede9 43.1%,#d4f1ee 43.1%,#d4f1ee 70.90000000000001%,#ddf5f1 70.90000000000001%,#ddf5f1 100%);display:block;z-index:-2}
section.compare .responsive-table table::before{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-9;content:"";background:#fff}
section.compare .responsive-table table>thead th{padding:15px 0;vertical-align:middle}
section.compare .responsive-table table>thead th .sub{font-size:12px}
section.compare .responsive-table table>tbody{position:relative}
section.compare .responsive-table table>tbody::after{content:"";width:91%;height:100%;position:absolute;top:0;left:9%;background-color:#fff;display:block;z-index:-1;border-radius:30px;box-shadow:5px 5px 10px rgba(0,0,0,0.05)}
section.compare .responsive-table table>tbody td{width:13%;vertical-align:top;padding:10px;text-align:left}
section.compare .responsive-table table>tbody td:nth-child(1){width:9%;vertical-align:middle;text-align:center}
section.compare .responsive-table table>tbody td:not(:last-child):not(:first-child){border-right:1px solid #d9d9d9}
section.compare .responsive-table table>tbody td:not(:first-child){position:relative}
section.compare .responsive-table table>tbody td:not(:first-child)::after{content:"";width:90%;height:1px;border-bottom:1px solid #d9d9d9;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
section.compare .responsive-table table>tbody tr:first-child td{text-align:center;font-weight:bold}
section.compare .responsive-table table>tbody tr:not(:first-child) td:not(:first-child){font-size:14px}
section.compare .responsive-table table>tbody tr:last-child td::after{border-bottom:none}
#stepDetailModal .modal-dialog{max-width:800px}
#stepDetailModal .content{padding:80px 50px 0}
#stepDetailModal .content section{display:flex;align-items:center}
#stepDetailModal .content section .left{width:60%}
#stepDetailModal .content section .left .title{display:flex;align-items:center}
#stepDetailModal .content section .left .title .number{border-radius:9999px;background-color:var(--primary);color:#fff;width:60px;height:60px;line-height:60px;text-align:center;font-size:36px;font-family:"MFShangHei";font-weight:bold}
#stepDetailModal .content section .left .title .text{font-size:20px;line-height:1.2;margin-left:15px}
#stepDetailModal .content section .left .title .text .zh{font-weight:bold}
#stepDetailModal .content section .left .title .text .en{font-family:"Montserrat";font-weight:200}
#stepDetailModal .content section .left ul{list-style:none;padding-left:75px;margin-top:30px}
#stepDetailModal .content section .left ul li{position:relative;margin-left:24px;display:table;margin-bottom:5px;font-weight:600}
#stepDetailModal .content section .left ul li::before{content:"";width:20px;height:20px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../themes/venus-concept/assets/images/venus-heal/ico-tick-green.png);margin-right:5px;position:absolute;top:3px;left:-24px}
#stepDetailModal .content section .left ul li::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px dashed var(--primary)}
#stepDetailModal .content section .right{width:40%}
#stepDetailModal .content section .right .thumbnail{width:100%}
#stepDetailModal .btn-back{background-color:var(--primary);color:#fff;font-size:18px;font-weight:500;width:80px;margin:30px auto;padding:10px 20px;border-radius:999px}
.case-study .part path[data-part]{stroke-width:1px}