.main-thermage {
font-family: 'kanitregular', sans-serif;
}
.main-thermage img {
display: block;
width: auto;
height: 100%;
margin: 0 auto;
}
.main-thermage p {
margin: 0;
}
.main-thermage .animate-box {
width: 100%;
height: 100%;
}
.main-thermage div.d, 
.main-thermage div.m {
width: 100%;
height: 100%;
}
.main-thermage div.m, 
.main-thermage picture.m {
display: none;
}
.main-thermage br.m {
display: none;
}
.main-thermage img.m {
display: none;
}
.section-banner-hero {
position: relative;
width: 100%;
height: 936px;
margin: 0 auto;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-herobanner.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.banner-hero-img {
position: relative;
max-width: 1920px;
width: 100vw;
height: 100%;
margin: 0 auto;
pointer-events: none;
}
.banner-hero-img.pee-tai {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
html:not(.no-js) .banner-hero-img.gun .animate-box[data-aos="fade-left"] {
-webkit-transform: translate3d(4vh, 0, 0);
transform: translate3d(4vh, 0, 0);
}
html:not(.no-js) .banner-hero-img.gun .animate-box[data-aos="fade-left"].aos-animate {
-webkit-transform: none;
transform: none;
}
.thermage-header {
position: absolute;
top: 0;
left: 50%;
max-width: 1920px;
width: 100vw;
z-index: 9;
transform: translateX(-50%);
}
.thermage-header-logo {
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 40px 46px 0;
}
.thermage-header-logo img {
display: block;
width: auto;
height: 100%;
margin: 0 auto;
}
.thermage-header-logo-thermage {
position: relative;
width: auto;
height: 174px;
}
.thermage-header-logo-vsq {
position: relative;
width: auto;
height: 105px;
}
.banner-hero-title-wrapper {
position: absolute;
top: 318px;
left: 50%;
z-index: 3;
transform: translateX(-48px);
}
.banner-hero-title {
display: block;
font-family: 'kanitregular', sans-serif !important;
font-size: 93px;
color: #5b90ff;
line-height: 1.3;
}
.banner-hero-title span {
display: block;
font-size: 95px;
color: #435b9a;
background: #5eb8d7;
background: linear-gradient(to top, #5eb8d7 0%, #435B9A 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.section-technology {
position: relative;
width: 100%;
height: 829px;
margin: -344px auto 0;
padding-top: 228px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.technology-img {
position: absolute;
top: -288px;
right: 50%;
width: auto;
height: 631px;
z-index: 2;
transform: translateX(960px);
}
.technology-headline {
display: block;
max-width: 1150px;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
margin: 0 auto;
}
.technology-list {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
max-width: 1150px;
margin: 54px auto 0;
}
.technology-item {
display: flex;
align-items: center;
width: 35.25%;
margin-top: 35px;
}
.technology-item:first-child {
width: 29.5%;
}
.technology-icon {
width: 131px;
height: 131px;
border: 2px solid #fff;
overflow: hidden;
border-radius: 100%;
-webkit-box-shadow: 0 0 14px 2px rgba(64,82,133,0.20);
box-shadow: 0 0 14px 2px rgba(64,82,133,0.20);
}
.technology-detail {
font-family: 'kanitlight', sans-serif;
font-size: 24px;
color: #525252;
line-height: 1.2;
padding-left: 30px;
}
.technology-text {
display: block;
}
.technology-detail span {
font-family: 'kanitregular', sans-serif;
color: #435b9a;
}
.technology-note {
display: block;
font-size: 12.5px;
margin-top: 10px;
}
.section-work {
position: relative;
max-width: 1920px;
width: 100vw;
height: 1056px;
padding-top: 195px;
margin: -194px auto 0;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-3.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.section-work:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-detail-section-3.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
.work-device-img {
position: absolute;
top: -152px;
left: 0;
width: 100%;
height: 651px;
z-index: 2;
}
.work-detail {
position: relative;
max-width: 1150px;
margin: 0 auto;
z-index: 4;
}
.work-headline {
display: block;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
text-align: right;
margin: 0;
padding-right: 38px;
}
.work-description-wrapper {
margin-top: 110px;
padding: 0 29px;
}
.work-title {
display: block;
font-family: 'kanitregular', sans-serif !important;
font-size: 25px;
color: #435b9a;
margin: 0 0 22px;
}
.work-description {
font-family: 'kanitlight', sans-serif;
font-size: 21px;
color: #525252;
line-height: 1.6;
}
.work-description-img {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 58px;
}
.work-description-col {
width: 549px;
text-align: center;
margin: 0 12px;
}
.work-img {
width: 100%;
height: auto;
}
.work-img img {
width: 100%;
height: auto;
}
.section-tip {
position: relative;
max-width: 1920px;
width: 100vw;
height: 924px;
padding-top: 276px;
margin: -196px auto 0;
z-index: 4;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-4.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.section-tip:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-detail-section-4.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
.tip-people-img {
position: absolute;
top: 13px;
left: 50%;
width: auto;
height: 374px;
transform: translateX(198px);
}
.tip-detail {
position: relative;
max-width: 1150px;
margin: 0 auto;
z-index: 4;
}
.tip-headline {
display: block;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
margin: 0;
}
.tip-list {
display: flex;
justify-content: center;
margin-top: 78px;
}
.tip-item {
position: relative;
width: 326px;
margin: 0 43px;
}
.tip-item:first-child {
margin-left: 0;
}
.tip-item:last-child {
margin-right: 0;
}
.tip-title {
display: flex;
flex-direction: row;
font-family: 'kanitregular', sans-serif !important;
font-size: 23px;
color: #435ba2;
margin-bottom: 22px;
}
.tip-title-col + .tip-title-col {
margin-left: 20px;
}
.tip-title span {
color: #5b98ff;
}
.tip-description-box {
display: flex;
flex-direction: column;
height: auto;
overflow: hidden;
border-radius: 16px;
-webkit-box-shadow: 0 4px 14px 2px rgba(0,0,0,0.10);
box-shadow: 0 4px 14px 2px rgba(0,0,0,0.10);
}
.tip-description-img {
height: 193px;
}
.tip-description {
width: 100%;
height: 140px;
font-family: 'kanitlight', sans-serif;
font-size: 19px;
color: #435ba2;
line-height: 1.3;
padding: 29px 22px;
margin-top: -65px;
border: 3px solid #fff;
border-radius: 16px;
background: rgba(241,243,249,1);
background: -moz-linear-gradient(top, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,243,249,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f3f9', endColorstr='#ffffff', GradientType=0 );
}
.tip-img-head {
position: absolute;
top: 50%;
right: -60px;
width: auto;
height: 131px;
transform: translateY(-50%);
}
.section-wrinkles {
position: relative;
max-width: 1920px;
width: 100vw;
height: auto;
padding-top: 216px;
padding-bottom: 170px;
margin: -190px auto 0;
z-index: 5;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-5.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
} .wrinkles-gun-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.wrinkles-wrapper {
position: relative;
max-width: 1150px;
margin: 0 auto;
}
.wrinkles-headline {
display: block;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
text-align: right;
margin: 0;
padding-right: 24px;
}
.wrinkles-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 46px;
}
.wrinkles-item {
position: relative;
display: flex;
justify-content: flex-start;
flex-direction: row;
width: 358px;
overflow: hidden;
margin: 20px 9px 0;
border: 3px solid #fff;
border-radius: 14px;
-webkit-box-shadow: 0 4px 14px 2px rgba(0,0,0,0.10);
box-shadow: 0 4px 14px 2px rgba(0,0,0,0.10);
}
.wrinkles-img {
height: 173px;
}
.wrinkles-img img {
max-width: unset;
}
.wrinkles-description {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
width: 164px;
height: 100%;
font-size: 19px;
color: #435ba2;
line-height: 1.3;
text-align: center;
border: 3px solid #fff;
border-width: 0 0 0 3px;
border-radius: 14px;
z-index: 2;
-webkit-box-shadow: 0 4px 14px 2px rgba(0,0,0,0.10);
box-shadow: 0 4px 14px 2px rgba(0,0,0,0.10);
background: rgba(241,243,249,1);
background: -moz-linear-gradient(top, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,243,249,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(241,243,249,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f3f9', endColorstr='#ffffff', GradientType=0 );
}
.wrinkles-btn-wrapper {
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 9;
margin-top: 60px;
}
.wrinkles-btn {
display: flex;
justify-content: center;
align-items: center;
font-family: 'kanitregular', sans-serif;
font-size: 27px;
color: #435b9a;
line-height: 1.2;
padding: 11px 47px;
border-radius: 50px;
background-color: #fff;
-webkit-box-shadow: 0 0 16px 2px rgba(0,0,0,0.08);
box-shadow: 0 0 16px 2px rgba(0,0,0,0.08);
transition: all .4s ease;
}
.wrinkles-btn:hover {
color: #fff;
background-color: #435b9a;
}
.lifting-machines {
max-width: 1340px;
margin: 80px auto 0;
}
.lifting-machines-description {
display: block;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
line-height: 1.3;
text-align: center;
margin: 0 auto 30px;
padding: 0;
}
.main-thermage .lifting-machines-description {
margin-bottom: 30px;
}
.lifting-machines-img, 
.lifting-machines-img img {
width: 100%;
height: auto;
}
.section-promotion {
position: relative;
max-width: 1920px;
width: 100vw;
height: 1900px;
padding-top: 202px;
margin: -195px auto 0;
z-index: 7;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-6-010425.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.section-promotion:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1770px;
z-index: 1;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-detail-section-6-010425.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
.promotion-wrapper {
position: relative;
max-width: 1092px;
width: 100vw;
margin: 0 auto;
z-index: 3;
transform: translateX(-48px);
}
.promotion-headline {
display: block;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
line-height: 1.8;
text-align: left;
margin: 0;
padding-left: 92px;
}
.promotion-detail {
position: relative;
margin-top: 123px;
z-index: 2;
}
.promotion-row {
position: relative;
display: table;
width: 100%;
margin-top: 38px;
border-radius: 26px;
overflow: hidden;
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.08);
box-shadow: 0 0 12px 0 rgba(0,0,0,0.08);
background: rgba(234,235,246,1);
background: -moz-linear-gradient(left, rgba(234,235,246,1) 0%, rgba(248,248,252,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(234,235,246,1)), color-stop(100%, rgba(248,248,252,1)));
background: -webkit-linear-gradient(left, rgba(234,235,246,1) 0%, rgba(248,248,252,1) 100%);
background: -o-linear-gradient(left, rgba(234,235,246,1) 0%, rgba(248,248,252,1) 100%);
background: -ms-linear-gradient(left, rgba(234,235,246,1) 0%, rgba(248,248,252,1) 100%);
background: linear-gradient(to right, rgba(234,235,246,1) 0%, rgba(248,248,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf6', endColorstr='#f8f8fc', GradientType=1 );
}
.promotion-label {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 466px;
font-size: 30px;
color: #435b9a;
border-radius: 26px;
background-color: #fff;
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.08);
box-shadow: 0 0 12px 0 rgba(0,0,0,0.08);
}
.promotion-label span {
color: #5b98ff;
}
.promotion-description-box {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.promotion-description-item {
position: relative;
text-align: left;
padding: 23px 0 24px 144px;
line-height: 1.3;
}
.promotion-description-item:before {
content: "";
position: absolute;
top: -2px;
left: 50%;
width: 452px;
height: 12px;
opacity: 0.06;
transform: translateX(-45%);
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/shadow.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.promotion-description-item:first-child:before {
display: none;
}
.promotion-title {
display: block;
font-size: 22px;
color: #5b98ff;
}
.promotion-title span {
color: #435b9a;
}
.promotion-description {
font-size: 34px;
color: #435b9a;
}
.promotion-description span {
color: #b50023;
}
.promotion-description span.promotion-description-line {
font-family: 'kanitthin', sans-serif;
color: #435b9a;
margin: 0 14px;
}
.promotion-subdescription {
font-family: 'kanitlight', sans-serif;
font-size: 20px;
color: #435ba2;
}
.promotion-subdescription span {
color: #b3052e;
}
.promotion-img-head {
position: absolute;
top: 50%;
left: 50%;
height: 131px;
transform: translate(-83%, -50%);
}
.promotion-text-note {
position: relative;
display: block;
font-family: 'kanitlight', sans-serif;
font-size: 19px;
color: #435ba2;
text-align: right;
margin-top: 20px;
z-index: 2;
}
.promotion-banner-social {
position: relative;
display: block;
width: 965px;
height: 370px;
text-align: center;
line-height: 1.2;
padding: 72px 0 0 304px;
margin: 62px auto 0;
z-index: 4;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/label-add-friend.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.promotion-banner-social:before, 
.promotion-banner-social:after {
content: "";
position: absolute;
width: 261px;
height: 51px;
z-index: 6;
pointer-events: none;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/light.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
animation-name: borderAnimate;
animation-duration: 0.6s;
animation-iteration-count: infinite;
}
.promotion-banner-social:before {
top: -8px;
left: 27px;
}
.promotion-banner-social:after {
bottom: -8px;
left: 27px;
} .promotion-banner-social-wrapper {
position: relative;
z-index: 6;
}
.promotion-banner-social-headline {
position: absolute;
top: 9px;
right: 0;
width: 661px;
height: 60px;
font-family: 'kanitlight', sans-serif !important;
font-size: 36px;
color: #fff;
padding-top: 4px;
z-index: 6;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/label-add-friend-title.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.promotion-banner-social-headline strong {
font-family: 'kanit', sans-serif;
font-weight: normal;
}
.promotion-banner-social-title {
font-family: 'kanitlight', sans-serif;
font-size: 40px;
color: #435b9a;
}
.promotion-banner-social-title strong {
font-family: 'kanitregular', sans-serif;
color: #5b98ff;
font-weight: normal;
}
.promotion-banner-social-subtitle {
font-family: 'kanitlight', sans-serif;
font-size: 32.5px;
color: #435b9a;
}
.promotion-banner-social-description {
font-family: 'kanitregular', sans-serif;
font-size: 30px;
color: #5b98ff;
}
p.promotion-banner-social-description { 
margin-top: 28px;
}
.promotion-banner-social-btn-wrapper {
display: flex;
justify-content: center;
}
.promotion-banner-social-btn {
width: 277px;
height: 108px;
cursor: pointer;
margin: 0 -8px;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.promotion-banner-social-btn.line {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/btn-line.png);
}
.promotion-banner-social-btn.fb {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/btn-messenger.png);
}
.promotion-banner-social-btn.wechat {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/btn-wechat.png);
}
.promotion-banner-social-btn:hover {
filter: brightness(0.8);
}
.section-about {
position: relative;
max-width: 1920px;
width: 100vw;
height: auto;
padding-top: 192px;
padding-bottom: 192px;
margin: -188px auto 0;
z-index: 8;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-7.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.about-wrapper {
height: auto;
}
.about-result-title {
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
margin: 0 0 44px 0;
padding-left: 418px;
}
.about-result-detail {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
width: 100%;
height: 293px;
padding-left: 470px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-detail-section-7-1.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.about-result-subtitle {
font-family: 'kanitregular', sans-serif;
font-size: 32px;
color: #435b9a;
}
.about-result-icon {
display: block;
width: auto;
height: 44px;
margin: 0 auto 14px;
}
.about-result-subtitle span {
display: block;
}
.about-result-description {
position: relative;
font-family: 'kanitlight', sans-serif;
font-size: 21.5px;
color: #000;
line-height: 1.2;
text-align: center;
padding-left: 63px;
margin-left: 63px;
}
.about-result-description:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 9px;
height: 198px;
opacity: 0.05;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/shadow-vertical.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
transform: translateY(-50%);
}
.about-result-description span {
display: block;
font-family: 'kanitregular', sans-serif;
font-size: 28.5px;
color: #5b98ff;
margin: 12px 0;
}
.about-result-tophy {
width: auto;
height: 570px;
margin-top: 104px;
margin-left: 54px;
}
.about-awward-title {
position: absolute;
top: 766px;
right: 330px;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
margin: 0 0 44px 0;
padding-left: 418px;
}
.about-awward-detail {
display: flex;
position: relative;
width: 100%;
height: auto;
margin-top: 60px;
}
.about-awward-list-wrapper {
display: flex;
justify-content: flex-end;
width: 1056px;
}
.about-awward-list {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 366px;
}
.about-awward-list .flickity-viewport {
width: 100%;
}
.about-awward-item {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.about-awward-btn-detail-wrapper {
position: relative;
width: 966px;
margin: 60px auto 0;
}
.about-awward-btn-detail-wrapper:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 1px;
border: 1px solid #a8b1ce;
transform: translate(-50%, -50%);
}
.about-awward-btn-detail {
display: flex;
justify-content: center;
align-items: center;
height: 128px;
color: #a8b1ce;
}
.about-awward-btn-detail .flickity-viewport {
width: 100%;
overflow: unset;
}
.about-awward-btn-item {
position: relative;
width: 138px;
}
.about-awward-btn {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 145px;
height: 44px;
font-family: 'kanitregular', sans-serif;
font-size: 20px;
color: #a8b1ce;
line-height: 1;
text-align: center;
cursor: pointer;
padding: 0 10px;
border-radius: 50px;
transition: all .6s ease;
}
.about-awward-btn-item:nth-child(even) .about-awward-btn {
transform: translateY(84px);
}
.about-awward-btn-item.is-nav-selected .about-awward-btn {
font-size: 22px;
color: #435b9a !important;
background-color: #fff;
-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.08);
box-shadow: 0 0 10px 2px rgba(0,0,0,0.08);
}
.about-awward-btn p {
position: relative;
z-index: 2;
}
.icon-dot {
position: absolute;
left: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
border-radius: 100%;
border: 1px solid transparent;
transform: translateX(-50%);
transition: all .6s ease;
}
.about-awward-btn-item:nth-child(odd) .about-awward-btn .icon-dot {
bottom: -27px;
}
.about-awward-btn-item:nth-child(even) .about-awward-btn .icon-dot {
top: -27px;
}
.icon-dot:before {
content: "";
width: 8px;
height: 8px;
border-radius: 100%;
background-color: #a8b1ce;
transition: all .6s ease;
}
.about-awward-btn-item.is-nav-selected .about-awward-btn .icon-dot {
border-color: #435b9a;
}
.about-awward-btn-item.is-nav-selected .about-awward-btn .icon-dot:before {
background-color: #435b9a;
}
.about-experience-detail {
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px;
}
.about-experience-title {
width: 50%;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
text-align: right;
line-height: 1.5;
padding-right: 80px;
}
.about-experience-img {
display: flex;
justify-content: flex-end;
width: 50%;
height: 433px;
}
.about-experience-img img {
margin: 0;
}
.about-review-detail {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row-reverse;
margin-top: 34px;
}
.about-review-title {
width: 50%;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
line-height: 1.5;
padding-left: 18px;
}
.about-review-img {
display: flex;
justify-content: flex-end;
width: 50%;
height: 237px;
padding-right: 78px;
}
.about-review-img img {
margin: 0;
}
.about-review-btn-detail {
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px;
}
.about-review-btn {
display: flex;
justify-content: center;
align-items: center;
font-family: 'kanitregular', sans-serif;
font-size: 27px;
color: #435b9a;
line-height: 1.2;
padding: 11px 47px;
border-radius: 50px;
background-color: #fff;
-webkit-box-shadow: 0 0 16px 2px rgba(0,0,0,0.08);
box-shadow: 0 0 16px 2px rgba(0,0,0,0.08);
transition: all .4s ease;
}
.about-review-btn:hover {
color: #fff;
background-color: #435b9a;
}
.section-all-service {
position: relative;
max-width: 1920px;
width: 100vw;
height: 760px;
padding-top: 200px;
margin: -198px auto 0;
z-index: 8;
background-color: transparent;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-8.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.service-wrapper {
display: flex;
justify-content: center;
flex-direction: column;
}
.service-headline {
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
text-align: center;
}
.service-list {
width: 100%;
max-width: 980px;
height: 386px;
margin: 54px auto 0;
padding: 0 12px;
}
.service-item {
width: 308px;
height: 378px;
margin: 0 7px;
overflow: hidden;
border-radius: 16px;
border: 4px solid #fff;
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.10);
box-shadow: 0 0 6px 0 rgba(0,0,0,0.10);
}
.service-img {
width: 100%;
height: 256px;
}
.service-detail {
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 134px;
padding-top: 16px;
border-radius: 14px 14px 0 0;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,238,246,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,238,246,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,238,246,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,238,246,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,238,246,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,238,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeef6', GradientType=0 );
}
.service-text-box {
display: flex;
flex-direction: column;
text-align: left;
}
.service-small-text {
font-family: 'kanitregular', sans-serif;
font-size: 16px;
color: #435ba2;
line-height: 1.2;
}
.service-text {
font-family: 'kanitregular', sans-serif;
font-size: 32px;
color: #435ba2;
line-height: 0.7;
}
.service-btn {
display: block;
font-family: 'kanitregular', sans-serif;
font-size: 19.5px;
color: #435ba2;
line-height: 1.2;
padding: 5.5px 42px;
margin: 20px auto 0;
border-radius: 50px;
background-color: #fff;
-webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,0.08);
box-shadow: 0 0 14px 0 rgba(0,0,0,0.08);
transition: all .4s ease;
}
.service-btn:hover {
color: #fff;
background-color: #435ba2;
}
.service-list .flickity-prev-next-button {
display: flex;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
padding: 0;
background: #fff;
background-color: #fff;
-webkit-box-shadow: 0 0 24px 2px rgb(0,0,0,0.14);
box-shadow: 0 0 24px 2px rgb(0,0,0,0.14);
transition: all .4s ease;
}
.service-list .flickity-prev-next-button.next {
right: -58px;
padding-left: 5px;
}
.service-list .flickity-prev-next-button.previous {
left: -58px;
}
.service-list .flickity-button-icon {
display: none;
}
.service-list .flickity-prev-next-button:before {
content: "";
width: 13px;
height: 25px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/arrow-slide.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
transition: all .4s ease;
}
.service-list .flickity-prev-next-button.previous:before {
transform: rotate(180deg);
}
.service-list .flickity-prev-next-button:hover {
background-color: #435ba2;
}
.service-list .flickity-prev-next-button:hover:before {
filter: brightness(0) invert(1);
}
.main-thermage .all-service-img img {
width: 100%;
height: auto;
}
.section-footer {
position: relative;
max-width: 1920px;
width: 100vw;
height: auto;
padding-top: 25px;
padding-bottom: 220px;
margin: 0 auto;
z-index: 4;
}
.footer-wrapper {
display: block;
width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
}
.footer-headline {
display: block;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
text-align: center;
}
.footer-img {
height: 116px;
margin-top: 72px;
}
.footer-social-btn-box {
display: flex;
justify-content: center;
margin-top: 34px;
}
.footer-social-btn {
height: 106px;
margin: 0 8px;
transition: all .4s ease;
}
.footer-social-btn:hover {
opacity: 0.6;
}
.footer-social-text {
display: block;
font-family: 'kanitregular', sans-serif;
font-size: 45px;
color: #6e6f71;
text-align: center;
}
.footer-social-text span {
text-decoration: underline;
}
p.footer-social-text {
margin-top: 50px;
}
.section-review {
position: relative;
max-width: 1920px;
width: 100vw;
height: auto;
padding-top: 175px;
padding-bottom: 200px;
margin: -188px auto 0;
z-index: 6;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-review.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.review-headline {
display: block;
font-family: 'kanitregular', sans-serif !important;
font-size: 45px;
color: #435b9a;
line-height: 1.8;
text-align: center;
margin: 0;
}
.review-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1350px;
margin: 56px auto 0;
padding: 0 43px 0;
border-radius: 30px; }
.review-container + .review-container {
margin-top: 56px;
}
.review-col {
width: 50%;
padding: 0 41px;
}
.review-title-wrapper {
position: relative;
display: flex;
justify-content: center;
text-align: center;
padding: 21px 20px 21px 62px;
border-radius: 16px;
background-color: #fff;
-webkit-box-shadow: 0 3px 8px 0 rgba(80,108,131,0.24);
box-shadow: 0 3px 8px 0 rgba(80,108,131,0.24);
}
.review-label {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: -46px;
font-size: 50px;
color: #fff;
width: 106px;
height: 106px;
border: 5px solid #45549e;
border-radius: 100%;
background: rgb(95,112,197);
background: linear-gradient(0deg, rgba(95,112,197,1) 0%, rgba(69,84,158,1) 75%);
transform: translateY(-50%);
-webkit-box-shadow: 0 4px 7px 0 rgba(44,89,124,0.38);
box-shadow: 0 4px 7px 0 rgba(44,89,124,0.38);
}
.review-title {
display: block;
font-family: "kanitregular" !important;
font-size: 33px;
color: #45549e;
text-align: center;
line-height: 1.4;
}
.review-before-after-label {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
height: 69px;
overflow: hidden;
margin-top: 36px;
border-radius: 8px;
border: 2px solid #fff;
background-color: #fff;
-webkit-box-shadow: 0 3px 8px 0 rgba(80,108,131,0.24);
box-shadow: 0 3px 8px 0 rgba(80,108,131,0.24);
}
.review-before-after-label span {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
font-family: "kanit";
font-size: 28.5px;
color: #000;
line-height: 1.4;
font-weight: 400;
}
.review-before-after-label span:last-child {
color: #fff;
background-color: #7ab7fe;
}
.review-before-after-label:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 50px;
height: 100%;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/arrow-before-after.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
transform: translateX(-50%);
}
.review-before-after-detail {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
text-align: center;
padding: 23px 0;
}
.review-before-after-detail:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 105px;
border-left: 3px dotted #c3d0da;
transform: translate(-50%, -50%);
}
.review-before-after-detail p {
width: 50%;
min-height: 136px;
font-size: 20px;
color: #737373;
line-height: 1.7;
text-align: center;
}
.review-before-after-detail p:first-child {
padding-left: 7px;
padding-right: 28px;
}
.review-before-after-detail p:last-child {
color: #45549e;
padding-left: 28px;
padding-right: 7px;
}
.review-before-after-img {
width: 100%;
border-radius: 30px;
overflow: hidden;
}
.review-before-after-img img {
width: 100%;
height: auto;
}
.review-before-after-description,
p.review-before-after-description {
font-size: 28px;
color: #000;
line-height: 1.4;
text-align: center;
margin-top: 22px;
}
.review-before-after-vdo {
width: 100%;
height: 550px;
margin-top: 52px;
}
.review-before-after-vdo video {
max-width: 100%;
width: 100%;
height: 100%;
margin: 0;
line-height: 1;
border: none;
}
.before-after-case-review {
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: #ffffff;
width: 100%;
height: auto;
margin: 14px auto 32px;
border-radius: 34px;
}
.before-after-case-review .twentytwenty-wrapper {
width: 100%;
}
.before-after-case-review-text {
display: flex;
position: absolute;
justify-content: space-between;
top: 22px;
left: 0;
width: 100%;
padding: 0 19px;
z-index: 9;
}
.before-after-case-review-text span {
font-size: 25px;
color: #282828;
border-radius: 6px;
padding: 3px 16px;
opacity: 1;
visibility: visible;
background-color: #fff;
-webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,0.2);
box-shadow: 0 4px 12px 0 rgba(0,0,0,0.2);
transition: opacity .6s ease, visibility .6s ease;
}
.before-after-case-review-text.after-active .before, 
.before-after-case-review-text.before-active .after {
opacity: 0;
visibility: hidden;
}
.frame-before-after-case-review {
background: #e0e9f7;
width: 100%;
height: 600px;
border: 4px solid #ffffff;
border-radius: 24px;
-webkit-box-shadow: 0 6px 8px 0 rgba(37,67,93,0.2);
box-shadow: 0 6px 8px 0 rgba(37,67,93,0.2);
}
.frame-before-after-case-review img {
opacity: 0;
transition: opacity .6s ease;
}
.frame-before-after-case-review.twentytwenty-container img {
opacity: 1;
}
.frame-before-after-case-review .twentytwenty-handle {
height: 56px;
width: 56px;
margin-left: -33px;
margin-top: 208px;
border: 3px solid #fff;
background-color: #6ca4db;
touch-action: none;
}
.frame-before-after-case-review .twentytwenty-left-arrow, 
.frame-before-after-case-review .twentytwenty-right-arrow {
width: 13px;
height: 13px;
margin-top: -8px;
border: 3px solid #fff;
transform: rotate(45deg);
}
.frame-before-after-case-review .twentytwenty-left-arrow {
margin-left: -14px;
border-width: 0 0 3px 3px;
}
.frame-before-after-case-review .twentytwenty-right-arrow {
margin-right: -14px;
border-width: 3px 3px 0 0;
}
.frame-before-after-case-review .twentytwenty-handle:before {
margin-bottom: 33px;
}
.frame-before-after-case-review .twentytwenty-handle:after {
margin-top: 33px;
}
.review-cta-box {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 72px;
}
.review-cta-wrapper {
position: relative;
width: 965px;
height: 316px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-cta-review.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.review-cta-icon {
position: absolute;
bottom: 18px;
left: 95px;
width: 250px;
height: auto;
z-index: 1;
}
.review-cta-icon img {
width: 100%;
max-width: unset;
height: auto;
}
.review-cta-detail {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 35px;
z-index: 2;
}
.review-cta-headline-wrapper {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 708px;
text-align: center;
}
.review-cta-headline {
width: 100%;
font-family: "kanitregular";
font-size: 40px;
color: #5da4ff;
line-height: 1.3;
text-align: center;
}
.review-cta-headline span {
font-family: "kanit";
font-size: 54px;
}
.review-cta-subheadline {
width: 100%;
font-family: "kanitregular";
font-size: 40px;
color: #435b99;
line-height: 1.3;
text-align: center;
}
.review-cta-btn-wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-top: 20px;
}
.review-cta-btn {
width: 265px;
height: 96px;
background-repeat: no-repeat;
background-position: top center;
background-size: auto 100%;
transition: all .25s ease;
}
.review-cta-btn.line {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/btn-cta-line.png);
}
.review-cta-btn.fb {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/btn-cta-fb.png);
}
.review-cta-btn.tel {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/btn-cta-tel.png);
}
.review-cta-btn:hover {
filter: brightness(0.8);
}
@media (max-width: 1919px) {
.headline {
font-size: 1.25vw;
}
.section-banner-hero {
height: 48.75vw;
}
.thermage-header-logo {
padding: 2.0833333333vw 2.3958333333vw 0;
}
.thermage-header-logo-thermage {
height: 9.0625vw;
}
.thermage-header-logo-vsq {
height: 5.46875vw;
}
.banner-hero-title-wrapper {
top: 16.5625vw;
transform: translateX(-2.5vw);
}
.banner-hero-title {
font-size: 4.84375vw;
}
.banner-hero-title span {
font-size: 4.9479166667vw;
}
.section-technology {
height: 43.1770833333vw;
margin-top: -17.9166666667vw;
padding-top: 11.875vw;
}
.technology-img {
top: -15vw;
height: 32.8645833333vw;
transform: translateX(50vw);
}
.technology-headline {
max-width: 59.8958333333vw;
font-size: 2.34375vw;
}
.technology-list {
max-width: 59.8958333333vw;
margin: 2.8125vw auto 0;
}
.technology-item {
margin-top: 1.8229166667vw;
}
.technology-icon {
width: 6.8229166667vw;
height: 6.8229166667vw;
border: 0.1041666667vw solid #fff;
-webkit-box-shadow: 0 0 0.7291666667vw 0.1041666667vw rgba(64, 82, 133, 0.2);
box-shadow: 0 0 0.7291666667vw 0.1041666667vw rgba(64, 82, 133, 0.2);
}
.technology-detail {
font-size: 1.25vw;
padding-left: 1.5625vw;
}
.technology-note {
font-size: 0.6510416667vw;
margin-top: 0.5208333333vw;
}
.section-work {
height: 55vw;
padding-top: 10.15625vw;
margin-top: -10.1041666667vw;
}
.work-device-img {
top: -7.9166666667vw;
height: 33.90625vw;
}
.work-detail {
max-width: 59.8958333333vw;
}
.work-headline {
font-size: 2.34375vw;
padding-right: 1.9791666667vw;
}
.work-description-wrapper {
margin-top: 5.7291666667vw;
padding: 0 1.5104166667vw;
}
.work-title {
font-size: 1.3020833333vw;
margin: 0 0 1.1458333333vw;
}
.work-description {
font-size: 1.09375vw;
}
.work-description-img {
margin-top: 3.0208333333vw;
}
.work-description-col {
width: 28.59375vw;
margin: 0 0.625vw;
}
.section-tip {
height: 48.125vw;
padding-top: 14.375vw;
margin-top: -10.2083333333vw;
}
.tip-people-img {
top: 0.6770833333vw;
height: 19.4791666667vw;
transform: translateX(10.3125vw);
}
.tip-detail {
max-width: 59.8958333333vw;
}
.tip-headline {
font-size: 2.34375vw;
}
.tip-list {
margin-top: 4.0625vw;
}
.tip-item {
width: 16.9791666667vw;
margin: 0 2.2395833333vw;
}
.tip-title {
font-size: 1.1979166667vw;
margin-bottom: 1.1458333333vw;
}
.tip-title-col + .tip-title-col {
margin-left: 1.0416666667vw;
}
.tip-description-box {
border-radius: 0.8333333333vw;
-webkit-box-shadow: 0 0.2083333333vw 0.7291666667vw 0.1041666667vw rgba(0, 0, 0, 0.1);
box-shadow: 0 0.2083333333vw 0.7291666667vw 0.1041666667vw rgba(0, 0, 0, 0.1);
}
.tip-description-img {
height: 10.0520833333vw;
}
.tip-description {
height: 7.2916666667vw;
font-size: 0.9895833333vw;
padding: 1.5104166667vw 1.1458333333vw;
margin-top: -3.3854166667vw;
border: 0.15625vw solid #fff;
border-radius: 0.8333333333vw;
}
.tip-img-head {
right: -3.125vw;
height: 6.8229166667vw;
}
.section-wrinkles {
padding-top: 11.25vw;
padding-bottom: 8.854166666666668vw;
margin-top: -9.895833333333332vw;
} .wrinkles-wrapper {
max-width: 59.8958333333vw;
}
.wrinkles-headline {
font-size: 2.34375vw;
padding-right: 1.25vw;
}
.wrinkles-list {
margin-top: 2.3958333333vw;
}
.wrinkles-item {
width: 18.6458333333vw;
margin: 1.0416666667vw 0.46875vw 0;
border: 0.15625vw solid #fff;
border-radius: 0.7291666667vw;
-webkit-box-shadow: 0 0.2083333333vw 0.7291666667vw 0.1041666667vw rgba(0, 0, 0, 0.1);
box-shadow: 0 0.2083333333vw 0.7291666667vw 0.1041666667vw rgba(0, 0, 0, 0.1);
}
.wrinkles-img {
height: 9.0104166667vw;
}
.wrinkles-description {
width: 8.5416666667vw;
font-size: 0.9895833333vw;
border: 0.15625vw solid #fff;
border-width: 0 0 0 0.15625vw;
border-radius: 0.7291666667vw;
-webkit-box-shadow: 0 0.2083333333vw 0.7291666667vw 0.1041666667vw rgba(0, 0, 0, 0.1);
box-shadow: 0 0.2083333333vw 0.7291666667vw 0.1041666667vw rgba(0, 0, 0, 0.1);
}
.wrinkles-btn-wrapper {
margin-top: 3.125vw;
}
.wrinkles-btn {
font-size: 1.40625vw;
padding: 0.5729166667vw 2.4479166667vw;
border-radius: 2.6041666667vw;
-webkit-box-shadow: 0 0 0.8333333333vw 0.1041666667vw rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0.8333333333vw 0.1041666667vw rgba(0, 0, 0, 0.08);
}
.lifting-machines {
max-width: 69.79166666666666vw;
margin: 4.166666666666666vw auto 0;
}
.lifting-machines-description {
font-size: 2.34375vw;
margin: 0 auto 1.5625vw;
}
.main-thermage .lifting-machines-description {
margin-bottom: 1.5625vw;
}
.section-promotion {
height: 98.95833333333334vw;
padding-top: 10.5208333333vw;
margin-top: -10.15625vw;
}
.section-promotion:before {
height: 92.1875vw;
}
.promotion-wrapper {
max-width: 56.875vw;
transform: translateX(-2.5vw);
}
.promotion-headline {
font-size: 2.34375vw;
padding-left: 4.7916666667vw;
}
.promotion-detail {
margin-top: 6.40625vw;
}
.promotion-row {
margin-top: 1.9791666667vw;
border-radius: 1.3541666667vw;
-webkit-box-shadow: 0 0 0.625vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0.625vw 0 rgba(0, 0, 0, 0.08);
}
.promotion-label {
width: 24.2708333333vw;
font-size: 1.5625vw;
border-radius: 1.3541666667vw;
-webkit-box-shadow: 0 0 0.625vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0.625vw 0 rgba(0, 0, 0, 0.08);
}
.promotion-description-item {
padding: 1.1979166667vw 0 1.25vw 7.5vw;
}
.promotion-description-item:before {
top: -0.1041666667vw;
width: 23.5416666667vw;
height: 0.625vw;
}
.promotion-title {
font-size: 1.1458333333vw;
}
.promotion-description {
font-size: 1.7708333333vw;
}
.promotion-description span.promotion-description-line {
margin: 0 0.7291666667vw;
}
.promotion-subdescription {
font-size: 1.0416666667vw;
}
.promotion-img-head {
height: 6.822916666666666vw;
}
.promotion-text-note {
font-size: 0.9895833333vw;
margin-top: 1.0416666667vw;
}
.promotion-banner-social {
width: 50.260416666666664vw;
height: 19.270833333333336vw;
padding: 3.75vw 0 0 15.833333333333332vw;
margin: 3.229166666666667vw auto 0;
}
.promotion-banner-social:before, 
.promotion-banner-social:after {
width: 13.593749999999998vw;
height: 2.65625vw;
}
.promotion-banner-social:before {
top: -0.4166666666666667vw;
left: 1.40625vw;
}
.promotion-banner-social:after {
bottom: -0.4166666666666667vw;
left: 1.40625vw;
} .promotion-banner-social-headline {
top: 0.46875vw;
width: 34.427083333333336vw;
height: 3.125vw;
font-size: 1.875vw;
padding-top: 0.20833333333333334vw;
}
.promotion-banner-social-title {
font-size: 2.0833333333vw;
}
.promotion-banner-social-subtitle {
font-family: "kanitlight", sans-serif;
font-size: 1.6927083333vw;
color: #435b9a;
}
.promotion-banner-social-description {
font-size: 1.5625vw;
}
p.promotion-banner-social-description {
margin-top: 1.4583333333vw;
}
.promotion-banner-social-btn {
width: 14.4270833333vw;
height: 5.625vw;
margin: 0 -0.4166666667vw;
}
.section-about {
padding-top: 10vw;
padding-bottom: 10vw;
margin-top: -9.791666666666666vw;
}
.about-result-title {
font-size: 2.34375vw;
margin: 0 0 2.2916666667vw 0;
padding-left: 21.7708333333vw;
}
.about-result-detail {
height: 15.2604166667vw;
padding-left: 24.4791666667vw;
}
.about-result-subtitle {
font-size: 1.6666666667vw;
}
.about-result-icon {
height: 2.2916666667vw;
margin: 0 auto 0.7291666667vw;
}
.about-result-description {
font-size: 1.1197916667vw;
padding-left: 3.28125vw;
margin-left: 3.28125vw;
}
.about-result-description:before {
width: 0.46875vw;
height: 10.3125vw;
}
.about-result-description span {
font-size: 1.484375vw;
margin: 0.625vw 0;
}
.about-result-tophy {
height: 29.6875vw;
margin-top: 5.4166666667vw;
margin-left: 2.8125vw;
}
.about-awward-title {
top: 38.995833vw;
right: 17.1875vw;
font-size: 2.34375vw;
margin: 0 0 2.2916666667vw 0;
padding-left: 21.7708333333vw;
}
.about-awward-detail {
margin-top: 2.8125vw;
}
.about-awward-list-wrapper {
width: 55.00000000000001vw;
}
.about-awward-list {
height: 19.0625vw;
}
.about-awward-btn-detail-wrapper {
width: 50.31250000000001vw;
margin-top: 3.125vw;
}
.about-awward-btn-detail {
height: 6.666666666666667vw;
}
.about-awward-btn-item {
width: 7.187499999999999vw;
}
.about-awward-btn {
width: 7.552083333333333vw;
height: 2.2916666666666665vw;
font-size: 1.0416666666666665vw;
padding: 0 0.5208333333333333vw;
border-radius: 2.604166666666667vw;
}
.about-awward-btn-item:nth-child(even) .about-awward-btn {
transform: translateY(4.375vw);
}
.about-awward-btn-item.is-nav-selected .about-awward-btn {
font-size: 1.1458333333333333vw;
-webkit-box-shadow: 0 0 0.5208333333333333vw 0.10416666666666667vw rgba(0,0,0,0.08);
box-shadow: 0 0 0.5208333333333333vw 0.10416666666666667vw rgba(0,0,0,0.08);
}
.icon-dot {
width: 0.7291666666666666vw;
height: 0.7291666666666666vw;
}
.about-awward-btn-item:nth-child(odd) .about-awward-btn .icon-dot {
bottom: -1.40625vw;
}
.about-awward-btn-item:nth-child(even) .about-awward-btn .icon-dot {
top: -1.40625vw;
}
.icon-dot:before {
width: 0.4166666666666667vw;
height: 0.4166666666666667vw;
}
.about-experience-detail {
margin-top: 3.125vw;
}
.about-experience-title {
font-size: 2.34375vw;
padding-right: 4.1666666667vw;
}
.about-experience-img {
height: 22.552083333333332vw;
}
.about-review-detail {
margin-top: 1.7708333333vw;
}
.about-review-title {
font-size: 2.34375vw;
padding-left: 0.9375vw;
}
.about-review-img {
height: 12.34375vw;
padding-right: 4.0625vw;
}
.about-review-btn-detail {
margin-top: 3.125vw;
}
.about-review-btn {
font-size: 1.40625vw;
padding: 0.5729166667vw 2.4479166667vw;
border-radius: 2.6041666667vw;
-webkit-box-shadow: 0 0 0.8333333333vw 0.1041666667vw rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0.8333333333vw 0.1041666667vw rgba(0, 0, 0, 0.08);
}
.section-all-service {
height: 39.5833333333vw;
padding-top: 10.4166666667vw;
margin-top: -10.5208333333vw;
}
.service-headline {
font-size: 2.34375vw;
}
.service-list {
max-width: 51.0416666667vw;
height: 20.1041666667vw;
margin: 2.8125vw auto 0;
padding: 0 0.625vw;
}
.service-item {
width: 16.0416666667vw;
height: 19.6875vw;
margin: 0 0.3645833333vw;
border-radius: 0.8333333333vw;
border: 0.2083333333vw solid #fff;
-webkit-box-shadow: 0 0 0.3125vw 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.3125vw 0 rgba(0, 0, 0, 0.1);
}
.service-img {
height: 13.3333333333vw;
}
.service-detail {
height: 6.9791666667vw;
padding-top: 0.8333333333vw;
border-radius: 0.7291666667vw 0.7291666667vw 0 0;
}
.service-small-text {
font-size: 0.8333333333vw;
}
.service-text {
font-size: 1.6666666667vw;
}
.service-btn {
font-size: 1.015625vw;
padding: 0.2864583333vw 2.1875vw;
margin: 1.0416666667vw auto 0;
border-radius: 2.6041666667vw;
-webkit-box-shadow: 0 0 0.7291666667vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0.7291666667vw 0 rgba(0, 0, 0, 0.08);
}
.service-list .flickity-prev-next-button {
width: 2.7083333333vw;
height: 2.7083333333vw;
-webkit-box-shadow: 0 0 1.25vw 0.1041666667vw rgba(0, 0, 0, 0.14);
box-shadow: 0 0 1.25vw 0.1041666667vw rgba(0, 0, 0, 0.14);
}
.service-list .flickity-prev-next-button.next {
right: -3.0208333333vw;
padding-left: 0.26041666666666663vw;
}
.service-list .flickity-prev-next-button.previous {
left: -3.0208333333vw;
}
.service-list .flickity-prev-next-button:before {
width: 0.6770833333vw;
height: 1.3020833333vw;
}
.section-footer {
padding-top: 1.3020833333vw;
padding-bottom: 180px;
}
.footer-wrapper {
max-width: 62.5vw;
}
.footer-headline {
font-size: 2.34375vw;
}
.footer-img {
height: 6.0416666667vw;
margin-top: 3.75vw;
}
.footer-social-btn-box {
margin-top: 1.7708333333vw;
}
.footer-social-btn {
height: 5.5208333333vw;
margin: 0 0.4166666667vw;
}
.footer-social-text {
font-size: 2.34375vw;
}
p.footer-social-text {
margin-top: 2.6041666667vw;
}
.section-review {
padding-top: 9.114583333333332vw;
padding-bottom: 10.416666666666668vw;
margin: -9.791666666666666vw auto 0;
}
.review-headline {
font-size: 2.34375vw;
}
.review-container {
max-width: 70.3125vw;
margin: 2.9166666666666665vw auto 0;
padding: 0 2.2395833333333335vw 0;
border-radius: 1.5625vw;
}
.review-container + .review-container {
margin-top: 2.9166666666666665vw;
}
.review-col {
padding: 0 2.1354166666666665vw;
}
.review-title-wrapper {
padding: 1.09375vw 1.0416666666666665vw 1.09375vw 3.229166666666667vw;
border-radius: 0.8333333333333334vw;
-webkit-box-shadow: 0 0.15625vw 0.4166666666666667vw 0 rgba(80,108,131,0.24);
box-shadow: 0 0.15625vw 0.4166666666666667vw 0 rgba(80,108,131,0.24);
}
.review-label {
left: -2.3958333333333335vw;
font-size: 2.604166666666667vw;
width: 5.520833333333333vw;
height: 5.520833333333333vw;
border: 0.26041666666666663vw solid #45549e;
-webkit-box-shadow: 0 0.20833333333333334vw 0.3645833333333333vw 0 rgba(44,89,124,0.38);
box-shadow: 0 0.20833333333333334vw 0.3645833333333333vw 0 rgba(44,89,124,0.38);
}
.review-title {
font-size: 1.7187500000000002vw;
}
.review-before-after-label {
height: 3.5937499999999996vw;
margin-top: 1.875vw;
border-radius: 0.4166666666666667vw;
border: 0.10416666666666667vw solid #fff;
-webkit-box-shadow: 0 0.15625vw 0.4166666666666667vw 0 rgba(80,108,131,0.24);
box-shadow: 0 0.15625vw 0.4166666666666667vw 0 rgba(80,108,131,0.24);
}
.review-before-after-label span {
font-size: 1.484375vw;
}
.review-before-after-label:before {
width: 2.604166666666667vw;
}
.review-before-after-detail {
padding: 1.1979166666666667vw 0;
}
.review-before-after-detail:before {
width: 0.10416666666666667vw;
height: 5.46875vw;
border-left: 0.15625vw dotted #c3d0da;
}
.review-before-after-detail p {
min-height: 7.083333333333333vw;
font-size: 1.0416666666666665vw;
}
.review-before-after-detail p:first-child {
padding-left: 0.3645833333333333vw;
padding-right: 1.4583333333333333vw;
}
.review-before-after-detail p:last-child {
padding-left: 1.4583333333333333vw;
padding-right: 0.3645833333333333vw;
}
.review-before-after-img {
border-radius: 1.5625vw;
}
.review-before-after-description, 
p.review-before-after-description {
font-size: 1.4583333333333333vw;
margin-top: 1.1458333333333333vw;
}
.review-before-after-vdo {
height: 28.645833333333332vw;
margin-top: 2.7083333333333335vw;
}
.before-after-case-review {
margin: 0.7291666666666666vw auto 1.6666666666666667vw;
border-radius: 1.7708333333333333vw;
}
.before-after-case-review-text {
top: 1.1458333333333333vw;
padding: 0 0.9895833333333333vw;
}
.before-after-case-review-text span {
font-size: 1.3020833333333335vw;
border-radius: 0.3125vw;
padding: 0.15625vw 0.8333333333333334vw;
-webkit-box-shadow: 0 0.20833333333333334vw 0.625vw 0 rgba(0,0,0,0.2);
box-shadow: 0 0.20833333333333334vw 0.625vw 0 rgba(0,0,0,0.2);
}
.frame-before-after-case-review {
height: 31.25vw;
border: 0.20833333333333334vw solid #ffffff;
border-radius: 1.25vw;
-webkit-box-shadow: 0 0.3125vw 0.4166666666666667vw 0 rgba(37,67,93,0.2);
box-shadow: 0 0.3125vw 0.4166666666666667vw 0 rgba(37,67,93,0.2);
}
.frame-before-after-case-review .twentytwenty-handle {
height: 2.9166666666666665vw;
width: 2.9166666666666665vw;
margin-left: -1.7187500000000002vw;
margin-top: 10.833333333333334vw;
border: 0.15625vw solid #fff;
}
.frame-before-after-case-review .twentytwenty-left-arrow, 
.frame-before-after-case-review .twentytwenty-right-arrow {
width: 0.6770833333333334vw;
height: 0.6770833333333334vw;
margin-top: -0.4166666666666667vw;
border: 0.15625vw solid #fff;
}
.frame-before-after-case-review .twentytwenty-left-arrow {
margin-left: -0.7291666666666666vw;
border-width: 0 0 0.15625vw 0.15625vw;
}
.frame-before-after-case-review .twentytwenty-right-arrow {
margin-right: -0.7291666666666666vw;
border-width: 0.15625vw 0.15625vw 0 0;
}
.frame-before-after-case-review .twentytwenty-handle:before {
margin-bottom: 1.7187500000000002vw;
}
.frame-before-after-case-review .twentytwenty-handle:after {
margin-top: 1.7187500000000002vw;
}
.review-cta-box {
margin-top: 3.75vw;
}
.review-cta-wrapper {
width: 50.260416666666664vw;
height: 16.458333333333332vw;
}
.review-cta-icon {
bottom: 0.9375vw;
left: 4.947916666666666vw;
width: 13.020833333333334vw;
}
.review-cta-detail {
margin-top: 1.8229166666666667vw;
}
.review-cta-headline-wrapper {
width: 36.875vw;
}
.review-cta-headline {
font-size: 2.083333333333333vw;
}
.review-cta-headline span {
font-size: 2.8125vw;
}
.review-cta-subheadline {
font-size: 2.083333333333333vw;
}
.review-cta-btn-wrapper {
margin-top: 1.0416666666666665vw;
}
.review-cta-btn {
width: 13.802083333333334vw;
height: 5vw;
}
}
@media (max-width: 768px) {
.main-thermage br.d {
display: none;
}
.main-thermage br.m {
display: block;
}
.main-thermage div.d, 
.main-thermage picture.d {
display: none;
}
.main-thermage div.m, 
.main-thermage picture.m {
display: block;
}
.main-thermage img.d {
display: none;
}
.main-thermage img.m {
display: block;
}
.section-banner-hero {
height: 97.65625vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-herobanner-m.jpg);
background-position: top center;
background-size: 100% auto;
}
.banner-hero-img.pee-tai {
left: 0;
transform: none;
}
.thermage-header {
left: 0;
transform: none;
}
.thermage-header-logo {
padding: 3.3854166667vw 2.734375vw 0;
}
.thermage-header-logo-thermage {
height: 16.1458333333vw;
margin-left: 3.7760416667vw;
margin-top: 3.125vw;
}
.thermage-header-logo-vsq {
height: 10.4166666667vw;
}
.banner-hero-title-wrapper {
top: 10.4166666667vw;
left: unset;
right: 3.6458333333vw;
transform: none;
}
.banner-hero-title {
font-size: 8.8541666667vw !important;
text-align: center;
}
.banner-hero-title span {
font-size: 8.984375vw;
}
.section-technology {
height: 157.8125vw;
margin-top: -41.9270833333vw;
padding-top: 48.1770833333vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-2-m.png);
background-position: top center;
background-size: 100% auto;
}
.section-technology:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-detail-section-2-m.png);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.technology-img {
top: 0;
right: 0;
height: 157.8125vw;
transform: none;
}
.technology-headline {
max-width: none;
font-size: 6.25vw !important;
padding: 0 30.9895833333vw 0 6.7708333333vw;
}
.technology-list {
position: relative;
max-width: 100%;
margin: 6.25vw auto 0;
padding-left: 8.0729166667vw;
z-index: 4;
}
.technology-item {
flex-direction: column;
width: 33.33%;
margin-top: 3.90625vw;
}
.technology-item:first-child {
width: 33.33%;
}
.technology-icon {
width: 19.2708333333vw;
height: 19.2708333333vw;
border: 0.2604166667vw solid #fff;
-webkit-box-shadow: 0 0 1.8229166667vw 0.2604166667vw rgba(64, 82, 133, 0.2);
box-shadow: 0 0 1.8229166667vw 0.2604166667vw rgba(64, 82, 133, 0.2);
}
.technology-detail {
font-size: 3.3854166667vw;
padding-left: 0;
text-align: center;
margin-top: 1.953125vw;
}
.technology-item:nth-child(4) .technology-detail {
width: 34.6354166667vw;
}
.technology-note {
font-size: 1.8229166667vw;
margin-top: 0.78125vw;
}
.section-work {
height: 223.6979166667vw;
padding-top: 20.0520833333vw;
margin-top: -20.0520833333vw;
z-index: 4;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-3-m.png);
background-position: top center;
background-size: 100% auto;
}
.section-work:before {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-detail-section-3-m.png);
background-position: top center;
background-size: 100% auto;
}
.work-device-img {
top: -24.21875vw;
height: 74.0885416667vw;
}
.work-detail {
max-width: 100%;
}
.work-headline {
font-size: 6.25vw !important;
text-align: left;
padding-right: 3.2552083333vw;
padding-left: 44.2708333333vw;
}
.work-description-wrapper {
margin-top: 13.0208333333vw;
padding: 0 10.4166666667vw 0 11.4583333333vw;
}
.work-title {
font-size: 3.7760416667vw;
line-height: 1.5;
margin: 0;
}
.work-description {
font-size: 3.3854166667vw;
line-height: 1.5;
}
.work-description-img {
justify-content: flex-start;
flex-direction: column;
align-items: center;
padding: 0 10.9375vw 0 4.5572916667vw;
margin-top: 9.375vw;
}
.work-description-col {
width: 100%;
margin: 0;
}
.work-description-col + .work-description-col {
margin-top: -8.4635416667vw;
}
.work-img {
margin-top: 3.2552083333vw;
}
.section-tip {
height: 187.5vw;
padding-top: 23.6979166667vw;
margin-top: -16.145833333333336vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-4-m.png);
background-position: top center;
background-size: 100% auto;
}
.section-tip:before {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-detail-section-4-m.png);
background-position: top center;
background-size: auto 100%;
}
.tip-people-img {
top: -7.03125vw;
left: unset;
right: -5.9895833333vw;
height: 53.515625vw;
transform: none;
}
.tip-detail {
max-width: 100%;
}
.tip-headline {
font-size: 5.6640625vw !important;
padding: 0 5.2083333333vw;
}
.tip-list {
align-items: flex-end;
flex-direction: column;
margin-top: 16.1458333333vw;
}
.tip-item {
width: 89.1927083333vw;
margin: 11.71875vw 0 0;
}
.tip-item:first-child {
margin-top: 0;
}
.tip-title {
justify-content: flex-start;
font-size: 3.515625vw;
margin-bottom: 1.953125vw;
}
.tip-title-col {
width: 43.8802083333vw;
text-align: center;
}
.tip-title-col:first-child {
width: 45.3125vw;
padding-right: 5.2083333333vw;
}
.tip-title-col:last-child {
width: 45.3125vw;
padding-left: 5.2083333333vw;
}
.tip-title-col + .tip-title-col {
margin-left: 0;
}
.tip-description-box {
flex-direction: row;
height: 21.484375vw;
border-radius: 2.34375vw 0 0 2.34375vw;
-webkit-box-shadow: 0 0.5208333333vw 1.8229166667vw 0.2604166667vw rgba(0, 0, 0, 0.1);
box-shadow: 0 0.5208333333vw 1.8229166667vw 0.2604166667vw rgba(0, 0, 0, 0.1);
}
.tip-description-img {
height: 30.5989583333vw;
}
.tip-description-img img {
margin: 0;
}
.tip-description {
display: flex;
align-items: center;
width: 45.3125vw;
height: 100%;
font-size: 3.0598958333vw;
line-height: 1.2;
padding: 1.953125vw 1.5625vw 1.953125vw 4.9479166667vw;
margin-top: 0;
margin-left: -7.8125vw;
border: 0.390625vw solid #fff;
border-radius: 2.34375vw 0 0 2.34375vw;
}
.tip-img-head {
right: 32.5520833333vw;
height: 20.0520833333vw;
transform: translateY(-19.7916666667vw);
}
.section-wrinkles {
padding-top: 23.1770833333vw;
padding-bottom: 20.34375vw;
margin-top: -22.3958333333vw;
z-index: 4;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-5-m-181124.png);
background-position: top center;
background-size: 100% auto;
} .wrinkles-gun-img img {
width: 100%;
height: auto;
}
.wrinkles-wrapper {
max-width: 100%;
}
.wrinkles-headline {
font-size: 5.9895833333vw !important;
padding: 0 4.6875vw 0 25vw;
}
.wrinkles-list {
margin-top: 5.46875vw;
}
.wrinkles-item {
justify-content: center;
flex-direction: column;
width: 29.6875vw;
margin: 3.7760416667vw 0.78125vw 0;
border: 0.390625vw solid #fff;
border-radius: 1.8229166667vw;
-webkit-box-shadow: 0 0.5208333333vw 1.8229166667vw 0.2604166667vw rgba(0, 0, 0, 0.1);
box-shadow: 0 0.5208333333vw 1.8229166667vw 0.2604166667vw rgba(0, 0, 0, 0.1);
}
.wrinkles-img {
height: 32.5520833333vw;
}
.wrinkles-description {
position: relative;
width: 100%;
height: 13.5416666667vw;
font-size: 2.9947916667vw;
margin-top: -1.5625vw;
padding: 0 2.6041666667vw;
border-width: 0;
border-radius: 1.8229166667vw 1.8229166667vw 0 0;
-webkit-box-shadow: 0 0.5208333333vw 1.8229166667vw 0.2604166667vw rgba(0, 0, 0, 0.1);
box-shadow: 0 0.5208333333vw 1.8229166667vw 0.2604166667vw rgba(0, 0, 0, 0.1);
}
.wrinkles-btn-wrapper {
margin-top: 5.9895833333vw;
}
.wrinkles-btn {
position: relative;
font-size: 3.515625vw;
padding: 1.4322916667vw 6.25vw;
border-radius: 6.5104166667vw;
z-index: 99;
-webkit-box-shadow: 0 0 2.0833333333vw 0.2604166667vw rgba(0, 0, 0, 0.08);
box-shadow: 0 0 2.0833333333vw 0.2604166667vw rgba(0, 0, 0, 0.08);
}
.wrinkles-btn:hover {
color: #435b9a;
background-color: #fff;
}
.wrinkles-btn:active {
color: #fff;
background-color: #435b9a;
}
.lifting-machines {
max-width: 100%;
padding: 0 4.102564102564102vw;
margin: 15.384615384615385vw auto 0;
}
.lifting-machines-description {
font-size: 5.9895833333vw !important;
margin: 0 auto 6.41025641025641vw;
}
.main-thermage .lifting-machines-description {
margin-bottom: 6.41025641025641vw;
}
.section-promotion {
height: 253.90625vw;
padding-top: 26.3020833333vw;
margin-top: -20.572916666666664vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-6-m-010425.png);
background-position: top center;
background-size: 100% auto;
}
.section-promotion:before {
height: 241.14583333333334vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-detail-section-6-m-010425.png);
background-position: top center;
background-size: auto 100%;
}
.promotion-wrapper {
max-width: 100%;
transform: none;
}
.promotion-headline {
font-size: 5.9895833333vw !important;
line-height: 1.3;
padding: 0 36.1979166667vw 0 6.7708333333vw;
}
.promotion-detail {
margin-top: 11.71875vw;
}
.promotion-row {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin: 2.8645833333vw auto 0;
overflow: unset;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}
.promotion-label {
display: flex;
justify-content: center;
align-items: center;
width: 76.8229166667vw;
height: 7.2916666667vw;
font-size: 3.3854166667vw;
padding-right: 2.34375vw;
border-radius: 3.6458333333vw 3.6458333333vw 0 0;
-webkit-box-shadow: 0 0 1.5625vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 1.5625vw 0 rgba(0, 0, 0, 0.08);
}
.promotion-label span {
margin: 0 1.0416666667vw;
}
.promotion-description-box {
display: flex;
flex-direction: column;
width: 76.8229166667vw;
border-radius: 0 0 1.8229166667vw 1.8229166667vw;
-webkit-box-shadow: 0 0 1.5625vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 1.5625vw 0 rgba(0, 0, 0, 0.08);
background: #eaebf6;
background: -moz-linear-gradient(left, #eaebf6 0%, #f8f8fc 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #eaebf6), color-stop(100%, #f8f8fc));
background: -webkit-linear-gradient(left, #eaebf6 0%, #f8f8fc 100%);
background: -o-linear-gradient(left, #eaebf6 0%, #f8f8fc 100%);
background: -ms-linear-gradient(left, #eaebf6 0%, #f8f8fc 100%);
background: linear-gradient(to right, #eaebf6 0%, #f8f8fc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eaebf6", endColorstr="#f8f8fc", GradientType=1 );
}
.promotion-description-item {
padding: 2.734375vw 0 2.8645833333vw 21.875vw;
}
.promotion-description-item:before {
top: -0.2604166667vw;
width: 58.8541666667vw;
height: 1.5625vw;
opacity: 0.06;
transform: translateX(-20.0520833333vw);
}
.promotion-title {
font-size: 2.6041666667vw;
}
.promotion-description {
font-size: 4.0364583333vw;
}
.promotion-description span.promotion-description-line {
margin: 0 1.8229166667vw;
}
.promotion-subdescription {
font-size: 2.6041666667vw;
}
.promotion-img-head {
left: 4.9479166667vw;
height: 14.3229166667vw;
transform: translateY(-50%);
}
.promotion-text-note {
font-size: 2.34375vw;
margin-top: 2.0833333333vw;
padding-right: 9.8958333333vw;
}
.promotion-banner-social {
width: 95.57291666666666vw;
height: 48.046875vw;
padding: 12.5vw 0 0 21.875vw;
margin: 7.8125vw auto 0;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/label-add-friend-m.png);
}
.promotion-banner-social:before, 
.promotion-banner-social:after {
width: 33.984375vw;
height: 6.640625vw;
}
.promotion-banner-social:before {
top: -1.171875vw;
left: 5.729166666666666vw;
}
.promotion-banner-social:after {
bottom: -1.171875vw;
left: 5.729166666666666vw;
} .promotion-banner-social-headline {
top: 1.0416666666666665vw;
width: 73.69791666666666vw;
height: 7.8125vw;
font-size: 4.6875vw;
padding-top: 0.390625vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/label-add-friend-title-m.png);
}
.promotion-banner-social-title {
font-size: 4.0364583333vw;
}
.promotion-banner-social-subtitle {
font-size: 3.125vw;
}
.promotion-banner-social-description {
font-size: 2.8645833333vw;
}
p.promotion-banner-social-description {
margin-top: 3.6458333333vw;
}
.promotion-banner-social-btn-wrapper {
margin-top: 1.8229166667vw;
}
.promotion-banner-social-btn {
width: 36.0677083333vw;
height: 14.0625vw;
margin: 0 -1.171875vw;
}
.promotion-banner-social-btn:hover {
filter: none;
}
.promotion-banner-social-btn:active {
filter: brightness(0.8);
}
.section-about {
padding-top: 18.75vw;
padding-bottom: 18.75vw;
margin-top: -21.875vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-7-m.png);
background-position: top center;
background-size: 100% auto;
}
.about-result-title {
font-size: 5.9895833333vw !important;
margin: 0 0 5.2083333333vw 0;
padding-left: 5.46875vw;
}
.about-result-detail {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 64.5833333333vw;
padding-left: 5.46875vw;
padding-top: 7.1614583333vw;
padding-right: 24.3489583333vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-detail-section-7-1-m.png);
background-position: top center;
background-size: 100% auto;
}
.about-result-subtitle {
width: 100%;
font-size: 5.078125vw;
text-align: center;
}
.about-result-icon {
height: 7.2916666667vw;
margin: 0 auto 2.6041666667vw;
}
.about-result-description {
width: 100%;
font-size: 3.3854166667vw;
padding-left: 0;
margin: 8.0729166667vw 0 0;
}
.about-result-description:before {
top: -4.6875vw;
left: 50%;
width: 41.40625vw;
height: 1.4322916667vw;
opacity: 0.08;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/shadow-horizontal.png);
transform: translateX(-50%);
}
.about-result-description span {
font-size: 4.5572916667vw;
margin: 1.953125vw 0;
}
.about-result-tophy {
position: absolute;
top: -5.9895833333vw;
right: -2.6041666667vw;
height: 83.3333333333vw;
margin: 0;
}
.about-awward-title {
position: relative;
top: unset;
right: unset;
font-size: 5.9895833333vw;
text-align: right;
margin: 8.0729166667vw 0 5.9895833333vw 0;
padding: 0 5.9895833333vw 0 0;
}
.about-awward-detail {
margin: 0;
}
.about-awward-list-wrapper {
justify-content: flex-start;
width: 100%;
}
.about-awward-list {
width: 94.4010416667vw;
height: 62.2395833333vw;
overflow: hidden;
border: 0.390625vw solid #fff;
border-width: 0.390625vw 0.390625vw 0.390625vw 0;
border-radius: 0 3.90625vw 3.90625vw 0;
}
.about-awward-item {
width: 111.9791666667vw;
height: 66.40625vw;
} 
.about-awward-item div.m {
transform: translate(-8.984375vw, -3.385417vw);
}
.about-awward-btn-detail-wrapper {
width: 100%;
margin-top: 6.25vw;
padding: 0 2.604166666666667vw;
}
.about-awward-btn-detail-wrapper:before {
width: 89.0625vw;
}
.about-awward-btn-detail {
height: 20.052083333333336vw;
}
.about-awward-btn-item {
width: 11.785vw;
}
.about-awward-btn {
width: 23.4375vw;
height: 7.03125vw;
font-size: 3.125vw;
white-space: nowrap;
padding: 0 1.3020833333333335vw;
border-radius: 6.510416666666667vw;
}
.about-awward-btn-item:nth-child(even) {
top: 8.658854166666668vw;
}
.about-awward-btn-item.is-nav-selected .about-awward-btn {
font-size: 3.3854166666666665vw;
-webkit-box-shadow: 0 0 1.3020833333333335vw 0.26041666666666663vw rgba(0,0,0,0.08);
box-shadow: 0 0 1.3020833333333335vw 0.26041666666666663vw rgba(0,0,0,0.08);
}
.icon-dot {
width: 1.8229166666666667vw;
height: 1.8229166666666667vw;
}
.about-awward-btn-item:nth-child(odd) .about-awward-btn .icon-dot {
bottom: -3.90625vw;
}
.about-awward-btn-item:nth-child(even) .about-awward-btn .icon-dot {
top: -3.90625vw;
}
.icon-dot:before {
width: 1.0416666666666665vw;
height: 1.0416666666666665vw;
}
.about-experience-detail {
flex-direction: column;
margin-top: 9.895833333333332vw;
}
.about-experience-title {
width: 100%;
font-size: 6.1197916667vw;
text-align: left;
padding: 0 14.75vw 0 7.421875vw;
margin-bottom: 4.6875vw;
}
.about-experience-img {
display: flex;
justify-content: flex-end;
width: 100%;
height: 69.79166666666666vw;
}
.about-review-detail {
flex-direction: column;
margin-top: 7.03125vw;
}
.about-review-title {
width: 100%;
font-size: 5.7942708333vw;
text-align: right;
padding-left: 0;
padding-right: 3.7760416667vw;
margin-bottom: 2.6041666667vw;
}
.about-review-img {
justify-content: center;
width: 100%;
height: 30.9895833333vw;
padding-right: 0;
}
.about-review-btn-detail {
margin-top: 5.9895833333vw;
}
.about-review-btn {
position: relative;
font-size: 3.515625vw;
padding: 1.4322916667vw 6.25vw;
border-radius: 6.5104166667vw;
z-index: 99;
-webkit-box-shadow: 0 0 2.0833333333vw 0.2604166667vw rgba(0, 0, 0, 0.08);
box-shadow: 0 0 2.0833333333vw 0.2604166667vw rgba(0, 0, 0, 0.08);
}
.about-review-btn:hover {
color: #435b9a;
background-color: #fff;
}
.about-review-btn:active {
color: #fff;
background-color: #435b9a;
}
.section-all-service {
height: 92.4479166667vw;
padding-top: 15.625vw;
margin-top: -19.270833333333336vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-8-m.png);
background-position: top center;
background-size: 100% auto;
}
.service-headline {
font-size: 6.1197916667vw;
text-align: right;
padding-right: 5.7291666667vw;
margin-bottom: 0;
}
.section-all-service-title {
text-align: right;
}
.service-list {
max-width: 95.0520833333vw;
height: 50.2604166667vw;
margin: 7.2916666667vw auto 0;
padding: 0 1.5625vw;
}
.service-item {
width: 29.6875vw;
height: 44.7916666667vw;
margin: 0 0.6510416667vw;
overflow: hidden;
border-radius: 2.0833333333vw;
border: 0.5208333333vw solid #fff;
-webkit-box-shadow: 0 0 0.78125vw 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.78125vw 0 rgba(0, 0, 0, 0.1);
}
.service-img {
position: absolute;
top: -1.953125vw;
left: -6.25vw;
width: 35.6770833333vw;
height: auto;
}
.service-img img {
widows: 100%;
height: auto;
}
.service-detail {
height: 15.8854166667vw;
padding-top: 2.8645833333vw;
border-radius: 1.8229166667vw 1.8229166667vw 0 0;
}
.service-small-text {
font-size: 1.5625vw;
}
.service-text {
font-size: 3.125vw;
line-height: 0.9;
}
.service-btn {
font-size: 2.34375vw;
padding: 0.9114583333vw 5.0130208333vw;
margin: 1.953125vw auto 0;
border-radius: 6.5104166667vw;
-webkit-box-shadow: 0 0 1.8229166667vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 1.8229166667vw 0 rgba(0, 0, 0, 0.08);
}
.service-btn:hover {
color: #435ba2;
background-color: #fff;
}
.service-btn:active {
color: #fff;
background-color: #435ba2;
}
.service-list .flickity-prev-next-button {
width: 6.7708333333vw;
height: 6.7708333333vw;
transform: translateY(-120%);
-webkit-box-shadow: 0 0 3.125vw 0.2604166667vw rgba(0, 0, 0, 0.14);
box-shadow: 0 0 3.125vw 0.2604166667vw rgba(0, 0, 0, 0.14);
}
.service-list .flickity-prev-next-button.next {
right: -0.2604166667vw;
padding-left: 0.632292vw;
}
.service-list .flickity-prev-next-button.previous {
left: -0.2604166667vw;
}
.service-list .flickity-prev-next-button:before {
width: 1.6927083333vw;
height: 3.2552083333vw;
}
.service-list .flickity-prev-next-button:hover {
background-color: #fff;
}
.service-list .flickity-prev-next-button:active {
background-color: #435ba2;
}
.service-list .flickity-prev-next-button:hover:before {
filter: none;
}
.service-list .flickity-prev-next-button:active:before {
filter: brightness(0) invert(1);
}
.section-footer {
padding-top: 7.03125vw;
padding-bottom: 150px;
}
.footer-wrapper {
max-width: 100%;
}
.footer-headline {
font-size: 5.2083333333vw;
margin: 0;
padding: 0 6.5104166667vw;
}
.footer-img {
height: 12.2395833333vw;
margin-top: 10.4166666667vw;
}
.footer-social-btn-box {
align-items: center;
flex-direction: column;
margin-top: 3.125vw;
}
.footer-social-btn {
width: 44.4010416667vw;
height: auto;
margin: 0 0 0.390625vw;
}
.footer-social-btn img {
width: 100%;
height: auto;
}
.footer-social-btn:hover {
opacity: 1;
}
.footer-social-btn:active {
opacity: 0.6;
}
.footer-social-text {
font-size: 4.8177083333vw;
}
p.footer-social-text {
margin-top: 5.2083333333vw;
}
.section-review {
padding-top: 19.791666666666664vw;
padding-bottom: 28.645833333333332vw;
margin: -17.96875vw auto 0;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/bg-section-review-m.png);
}
.review-headline {
font-size: 5.9895833333vw !important;
line-height: 1.5;
}
.review-container {
justify-content: flex-start;
align-items: center;
flex-direction: column;
max-width: 95.83333333333334vw;
margin: 8.463541666666668vw auto 0;
padding: 0 4.817708333333334vw 0;
border-radius: 3.90625vw;
}
.review-container + .review-container {
margin-top: 8.463541666666668vw;
}
.review-col {
width: 100%;
padding: 0 0 5.859375vw 0;
}
.review-col + .review-col {
margin-top: 9.765625vw;
}
.review-title-wrapper {
width: 100%;
padding: 2.994791666666667vw 2.604166666666667vw 2.994791666666667vw 11.979166666666668vw;
border-radius: 2.34375vw;
-webkit-box-shadow: 0 0.26041666666666663vw 0.78125vw 0 rgba(80,108,131,0.24);
box-shadow: 0 0.26041666666666663vw 0.78125vw 0 rgba(80,108,131,0.24);
}
.review-label {
left: -2.34375vw;
font-size: 7.161458333333333vw;
width: 15.104166666666666vw;
height: 15.104166666666666vw;
border: 0.78125vw solid #45549e;
-webkit-box-shadow: 0 0.390625vw 0.6510416666666667vw 0 rgba(44,89,124,0.38);
box-shadow: 0 0.390625vw 0.6510416666666667vw 0 rgba(44,89,124,0.38);
}
.review-title {
font-size: 4.6875vw;
}
.review-before-after-label {
height: 10.546875vw;
margin-top: 5.859375vw;
border-radius: 1.3020833333333335vw;
border: 0.26041666666666663vw solid #fff;
-webkit-box-shadow: 0 0.390625vw 1.0416666666666665vw 0 rgba(80,108,131,0.24);
box-shadow: 0 0.390625vw 1.0416666666666665vw 0 rgba(80,108,131,0.24);
}
.review-before-after-label span {
font-size: 4.427083333333334vw;
}
.review-before-after-label:before {
width: 7.682291666666667vw;
}
.review-before-after-detail {
padding: 4.036458333333334vw 0 4.427083333333334vw;
}
.review-before-after-detail:before {
width: 0.390625vw;
height: 66%;
border-left: 0.390625vw dotted #c3d0da;
}
.review-before-after-detail p {
min-height: unset;
font-size: 3.125vw;
line-height: 1.8;
}
.review-before-after-detail p:first-child {
padding-left: 1.5625vw;
padding-right: 3.6458333333333335vw;
}
.review-before-after-detail p:last-child {
padding-left: 3.6458333333333335vw;
padding-right: 1.5625vw;
}
.review-before-after-img {
border-radius: 4.6875vw;
}
.review-before-after-description, 
p.review-before-after-description {
font-size: 4.6875vw;
margin-top: 3.2552083333333335vw;
}
.review-before-after-vdo {
height: auto;
margin-top: 5.859375vw;
}
.review-before-after-vdo video {
border-radius: 2.34375vw;
-webkit-box-shadow: 0 0.78125vw 0.78125vw 0 rgba(80,108,131,0.24);
box-shadow: 0 0.78125vw 0.78125vw 0 rgba(80,108,131,0.24);
}
.before-after-case-review {
margin: 1.0416666666666665vw auto 5.859375vw;
border-radius: 4.947916666666666vw;
}
.before-after-case-review .twentytwenty-wrapper {
width: 100%;
}
.before-after-case-review-text {
top: 3.2552083333333335vw;
padding: 0 3.125vw;
}
.before-after-case-review-text span {
font-size: 3.90625vw;
border-radius: 1.3020833333333335vw;
padding: 0.6510416666666667vw 2.864583333333333vw;
-webkit-box-shadow: 0 0.5208333333333333vw 1.5625vw 0 rgba(0,0,0,0.2);
box-shadow: 0 0.5208333333333333vw 1.5625vw 0 rgba(0,0,0,0.2);
}
.frame-before-after-case-review {
background: #e0e9f7;
width: 100%;
height: 93.88020833333334vw;
border: 0.5208333333333333vw solid #ffffff;
border-radius: 3.90625vw;
-webkit-box-shadow: 0 0.78125vw 1.0416666666666665vw 0 rgba(37,67,93,0.2);
box-shadow: 0 0.78125vw 1.0416666666666665vw 0 rgba(37,67,93,0.2);
}
.frame-before-after-case-review .twentytwenty-handle {
height: 11.067708333333332vw;
width: 11.067708333333332vw;
margin-left: 5.989583333333334vw;
margin-top: 29.296875vw;
border: 0.5208333333333333vw solid #fff;
}
.frame-before-after-case-review .twentytwenty-left-arrow, 
.frame-before-after-case-review .twentytwenty-right-arrow {
width: 2.864583333333333vw;
height: 2.864583333333333vw;
margin-top: 1.5625vw;
border: 0.5208333333333333vw solid #fff;
}
.frame-before-after-case-review .twentytwenty-left-arrow {
margin-left: -2.864583333333333vw;
border-width: 0 0 0.5208333333333333vw 0.5208333333333333vw;
}
.frame-before-after-case-review .twentytwenty-right-arrow {
margin-right: -2.864583333333333vw;
border-width: 0.5208333333333333vw 0.5208333333333333vw 0 0;
}
.frame-before-after-case-review .twentytwenty-handle:before {
margin-bottom: 5.989583333333334vw;
}
.frame-before-after-case-review .twentytwenty-handle:after {
margin-top: 6.25vw;
}
.review-cta-box {
width: 100%;
margin-top: 5.208333333333334vw;
padding: 0 3.2552083333333335vw;
}
.review-cta-wrapper {
width: 100%;
height: auto;
padding-bottom: 4.557291666666666vw;
background-size: 100% 100%;
}
.review-cta-icon {
bottom: 2.734375vw;
left: 7.291666666666667vw;
width: 32.55208333333333vw;
height: auto;
}
.review-cta-icon img {
width: 100%;
height: auto;
}
.review-cta-detail {
margin-top: 4.557291666666666vw;
}
.review-cta-headline-wrapper {
width: 38.02083333333333vw;
margin-right: 11.979166666666668vw;
}
.review-cta-headline {
font-size: 5.208333333333334vw;
}
.review-cta-headline span {
font-size: 7.03125vw;
}
.review-cta-subheadline {
font-size: 5.208333333333334vw;
}
.review-cta-btn-wrapper {
margin-top: 2.604166666666667vw;
}
.review-cta-btn {
width: 28.645833333333332vw;
height: 10.416666666666668vw;
}
.review-cta-btn:hover {
filter: unset;
}
.review-cta-btn:active {
filter: brightness(0.8);
}
}
.section-bottom-cta {
padding: 54px 0 150px;
overflow: hidden;
}
.bottom-cta-wrapper {
width: 1111px;
height: 362px;
margin: 0 auto;
padding: 36px 41px;
overflow: hidden;
border-radius: 23px;
background-image: url(https://vsquare.clinic/wp-content/themes/plant/img/home/bg-cta.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: auto 100%;
}
.bottom-cta-title {
display: block;
font-family: "kanitlight" !important;
font-size: 31px;
color: #000;
text-align: center;
margin: 0;
}
.bottom-cta-detail {
display: flex;
justify-content: center;
align-items: center;
padding: 8px 20px 18px;
margin-top: 38px;
border-radius: 29px;
border: 2px solid #fff;
background-color: rgba(255, 255, 255, 0.38);
}
.bottom-cta-img {
width: auto;
height: 188px;
}
.bottom-cta-img img {
width: auto;
height: 100%;
}
.bottom-cta-btn-wrapper {
display: flex;
align-items: center;
flex-direction: column;
margin-left: 10px;
}
.bottom-cta-btn-title {
display: block;
font-family: "kanitlight";
font-size: 31px;
color: #000;
text-align: center;
margin: 0;
}
.bottom-cta-btn-list {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.bottom-cta-btn-item {
width: auto;
height: 67px;
cursor: pointer;
margin: 0 8px;
}
.bottom-cta-btn-item img {
width: auto;
height: 100%;
}
.bottom-cta-remark {
display: block;
font-family: "kanitlight";
font-size: 31px;
color: #000;
text-align: center;
margin: 32px 0 0;
}
.bottom-cta-remark span {
color: #ff0000;
text-decoration: underline;
}
.bottom-cta-btn-item {
width: auto;
height: 150px;
cursor: pointer;
margin: 0 8px;
}
.schedule-remark {
font-family: 'PingFang SC Regular' !important;
}
.bottom-cta-title {
font-family: 'PingFang SC Regular' !important;
}
.bottom-cta-remark {
font-family: 'PingFang SC Regular' !important;
}
.bottom-cta-btn-title {
display: none;
}
@media (max-width: 1440px) {
.section-bottom-cta {
padding: 2.8125vw 0 150px;
}
.bottom-cta-wrapper {
width: 57.8645833333vw;
height: 18.8541666667vw;
padding: 1.875vw 2.1354166667vw;
border-radius: 1.1979166667vw;
}
.bottom-cta-title {
font-size: 1.6145833333vw;
}
.bottom-cta-detail {
padding: 0.4166666667vw 1.0416666667vw 0.9375vw;
margin-top: 1.9791666667vw;
border-radius: 1.5104166667vw;
border-width: 0.1041666667vw;
}
.bottom-cta-img {
height: 9.7916666667vw;
}
.bottom-cta-btn-wrapper {
margin-left: 0.5208333333vw;
}
.bottom-cta-btn-title {
font-size: 1.6145833333vw;
}
.bottom-cta-btn-list {
margin-top: 1.0416666667vw;
}
.bottom-cta-btn-item {
height: 3.4895833333vw;
margin: 0 0.4166666667vw;
}
.bottom-cta-remark {
font-size: 1.6145833333vw;
margin: 1.6666666667vw 0 0;
}
.bottom-cta-btn-item {
height: 10.416666666666668vw;
margin: 0 0.5555555555555556vw;
}
}
@media (max-width: 768px) {
.section-bottom-cta {
padding: 7.5520833333vw 0 150px;
}
.bottom-cta-wrapper {
width: 100%;
height: auto;
margin: 0;
padding: 3.6458333333vw 15.8854166667vw 3.90625vw 17.1875vw;
border-radius: 0;
background-image: url(https://vsquare.clinic/wp-content/themes/plant/img/home/bg-cta-m.jpg);
background-size: 100% auto;
}
.bottom-cta-title {
font-size: 4.8177083333vw;
line-height: 1.6;
}
.bottom-cta-detail {
position: relative;
align-items: flex-start;
padding: 18.0989583333vw 7.1614583333vw 5.7291666667vw;
margin-top: 15.1041666667vw;
border-radius: 3.7760416667vw;
border: 0.2604166667vw solid #fff;
}
.bottom-cta-img {
position: absolute;
top: -12.5vw;
left: 50%;
width: auto;
height: 27.4739583333vw;
z-index: 9;
transform: translateX(-50%);
}
.bottom-cta-btn-wrapper {
margin-left: 0;
}
.bottom-cta-btn-title {
font-size: 4.8177083333vw;
}
.bottom-cta-btn-list {
justify-content: flex-start;
align-items: center;
flex-direction: column;
margin-top: 3.2552083333vw;
}
.bottom-cta-btn-item {
height: 11.4583333333vw;
margin: 1.0416666667vw 0 0;
}
.bottom-cta-btn-item:first-child {
margin-top: 0;
}
.bottom-cta-remark {
font-size: 4.8177083333vw;
margin-top: 4.4270833333vw;
}
.bottom-cta-btn-title {
display: block;
font-family: 'PingFang SC Regular' !important;
}
.bottom-cta-btn-title {
font-family: 'PingFang SC Regular' !important;
}
.bottom-cta-btn-item {
height: 35.897vw;
margin: 0;
}
#wechat-btn-op {
height: 20vw;
margin: 2.564vw 0 0;
}
.bottom-cta-detail {
padding: 18.0989583333vw 1.282vw 5.7291666667vw;
}
.bottom-cta-wrapper {
background-size: 110% 100%;
background-position: top left -3.5897435897435894vw;
}
}
@keyframes runtop {
0% {
opacity: 0;
transform: translateX(0);
}
30%, 70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(906px, 0);
}
}
@keyframes borderAnimate {
0% {
opacity: 0;
transform: translateX(0);
}
30%, 70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(640px, 0);
}
}
@keyframes ReverseborderAnimate {
0% {
opacity: 0;
transform: translateX(0);
}
30%, 70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(-640px, 0);
}
}
@media (max-width: 1919px) {
@keyframes runtop {
0% {
opacity: 0;
transform: translateX(0);
}
30%, 70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(47.1875vw, 0);
}
}
@keyframes borderAnimate {
0% {
opacity: 0;
transform: translateX(0);
}
30%, 70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(33.33333333333333vw, 0);
}
}
@keyframes ReverseborderAnimate {
0% {
opacity: 0;
transform: translateX(0);
}
30%, 70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(-33.33333333333333vw, 0);
}
}
}
@media (max-width: 768px) {
@keyframes runtop {
0% {
opacity: 0;
transform: translateX(0);
}
30%, 70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(81.51041666666666vw, 0);
}
}
@keyframes borderAnimate {
0% {
opacity: 0;
transform: translateX(0);
}
30%, 70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(51.822916666666664vw, 0);
}
}
@keyframes ReverseborderAnimate {
0% {
opacity: 0;
transform: translateX(0);
}
30%, 70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(-51.822916666666664vw, 0);
}
}
}