@charset "utf-8"; 
:root{--color:#0093de;--color1:#0093de;--fontfamily:"Josefin Sans", sans-serif;}
@media (min-width:1025px){:root{--fontsize12:14px;--fontsize13:15px;--fontsize14:16px;--fontsize15:17px;--fontsize16:18px;--fontsize17:19px;--fontsize18:20px;--fontsize20:22px;--fontsize22:24px;--fontsize24:26px;--fontsize26:28px;--fontsize28:30px;--fontsize30:32px;--fontsize32:34px;--fontsize34:36px;--fontsize36:38px;--fontsize38:40px;--fontsize40:42px;}}
.home-news .homenews-list .homenews-item .info .more{padding: 15px 10px;color: #fff;border-radius: 5px;background: var(--color);position: relative;overflow: hidden;}
.home-news .homenews-list .homenews-item .info .more::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all .2s linear;width: 0px;height: 0px;border-radius: 50%;background: rgba(0, 0, 0, .05);}
.home-news .homenews-list .homenews-item .info .more:hover::after {width: 300px;height: 300px;}
.home-introduction{transform:translateY(-50px);position:relative;z-index:10}
.home-introduction .introduction{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-introduction .introduction .item{width:23.4%;display:flex;align-items:center;box-sizing:border-box;padding:1.5%;background-color:#FFFFFF;border-bottom:2px solid var(--color);border-radius:var(--border);box-shadow:0px 2px 10px 0px rgba(0,0,0,.10);transform:translateY(0);transition:all .3s linear}
.home-introduction .introduction .item .left{width:60px;height:60px;border-radius:50%;margin-right:14px;display:flex;align-items:center;justify-content:center;background-color:#f8f9f8;color:var(--color);transition:all .3s linear}
.home-introduction .introduction .item .left em{font-size:var(--fontsize26);transform:rotateY(0);transition:all .3s linear}
.home-introduction .introduction .item .right{flex:1}
.home-introduction .introduction .item .right .title{color:var(--fontcolor);text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:var(--fontsize20)}
.home-introduction .introduction .item .right .text{color:var(--introcolor);font-size:var(--fontsize16);margin-bottom:0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-introduction .introduction .item:hover{transform:translateY(10px)}
.home-introduction .introduction .item:hover .left em{transform:rotateY(360deg)}
.home-introduction .introduction .item:hover .left{background-color:var(--color);color:#FFFFFF}
@media screen and (max-width:1240px){.home-introduction{transform:translateY(-30px);position:relative;z-index:10}
}@media screen and (max-width:768px){.home-introduction .introduction .item{width:100%;padding:3% 2.5%}
.home-introduction{transform:translateY(0)}
.home-introduction .introduction .item .left{width:60px;height:60px}
}@media screen and (max-width:500px){.home-introduction .introduction .item{width:100%;padding:5% 2.5%;margin:10px auto}
}
.home-mainproduct .mainpro-top .mainpro-button{ display: none;}
.home-cate{position:relative;padding:4% 0}
.home-cate .homecate-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-cate .homecate-list li{width:32%;margin-right:2%;margin-bottom:2em}
.home-cate .homecate-list li:nth-child(3n){margin-right:0px}
.home-cate .homecate-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#EEEEEE;border:1px solid #EEEEEE;aspect-ratio:25/16}
.home-cate .homecate-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-cate .homecate-list li .img::after{content:"";transition:all .1s linear;position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0}
.home-cate .homecate-list li .title{margin-top:10px;display:flex;justify-content:center;padding:4px 0px}
.home-cate .homecate-list li .title a{color:var(--fontcolor);font-size:var(--fontsize18);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center}
.home-cate .homecate-list li .title em{opacity:0;display:inline-block;width:0px;transition:all .1s linear}
.home-cate .homecate-list li:hover .img img{transform:scale(1.02)}
.home-cate .homecate-list li:hover .img::after{opacity:1}
.home-cate .homecate-list li:hover .title a{color:var(--color);border-color:#000000}
.home-cate .homecate-list li:hover .title em{margin-left:15px;opacity:1;width:20px}
@media(max-width:768px){.home-cate .homecate-list{justify-content:space-between}
.home-cate .homecate-list li{width:49%;margin-right:0px}
}@media(max-width:500px){.home-cate .homecate-list li{margin-bottom:1em}
.home-cate{padding:30px 0px}
.home-cate .homecate-list li .title{margin-top:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}}
.home-mainproduct{display: none;}
footer .foot-info{display:none;}

.home-banner1{position: absolute;top: 10%;right: 10%;}
.home-banner1 h5{font-size: 64px;color: #0257B9;line-height: 1;margin-bottom: 15px;font-weight: 600;}
.home-banner1 p{font-size: 32px;color: #000;font-weight: bold;line-height: 1.25;}
.home-banner2{position: absolute;top: 50%;left: 15%;transform: translateY(-50%);}
.home-banner2 h5{color: #ffff;font-size: 64px;line-height: 1.1;margin-bottom: 10px;}
.home-banner2 p{font-size: 32px;color: #065C9E;background: #fff;display: inline-block;line-height: 1.25;padding: 15px 30px;font-weight: 600;}
@media (max-width:1600px) {.home-banner1 h5,.home-banner2 h5{font-size: 52px;}
.home-banner1 p,.home-banner2 p{font-size: 26px;}
.home-banner2 p{padding: 10px 30px;}
.home-banner2{left: 10%;}}
@media (max-width:1366px) {
.home-banner1 h5,.home-banner2 h5{font-size: 32px;line-height: 1.25;}
.home-banner1 p, .home-banner2 p{font-size: 20px;}}
.home-banner .banner-animote.banner3txt{padding:0 5px;height: 100%;top: 0;bottom: 0;width: 32%;left:48%;padding-top: 8%;color: #fff;text-align:center;}
.home-banner .banner-animote.banner3txt .title{font-size:36px;line-height:1.5;text-transform: uppercase;}
.home-banner .banner-animote.banner3txt .year{margin-top:15px;line-height: 60px;background: #fff;color: var(--color);width:62%;height: 60px;font-size: 26px;text-align: center;margin: auto;text-transform: uppercase;overflow:hidden}
.home-banner .banner-animote.banner3txt .btn {margin-top: 2em;}
.home-banner .banner-animote.banner3txt .btn a{background: initial;}
.home-banner .banner-animote.banner3txt .text{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;}
@media (max-width:1440px){.home-banner .banner-animote.banner3txt .title{font-size:18px;line-height: 1.2;}
.home-banner .banner-animote.banner3txt .year{font-size:16px;}}
@media (max-width:1024px){.home-banner .banner-animote.banner3txt {padding-top: 2em;}
.home-banner .banner-animote.banner3txt .year{line-height:40px;height:40px;}
}
@media (max-width:768px){.home-banner .banner-animote.banner3txt{display:none}}
.home-our .about-us-title{text-align:center;font-size:25px;font-weight:700;color:var(--introcolor);line-height:4;text-transform:uppercase}
.home-our .img-list1{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}
.home-our .img-list2{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px}
.home-our .img-list1 li img{width:100%;height:100%}
.home-our .img-list2 li img{width:100%;height:100%}
@media (max-width:768px){.home-our .about-us-title{line-height: 2;font-size: 20px;}}
@media (min-width:1025px){.home-about .l-wrap .about-info h1{max-width:100%;font-size:30px;}}
@media (min-width:1025px){header .l-wrap{max-width: 1600px;}
.index .l-wrap{max-width: 1540px;}
.home-our .l-wrap{max-width:1400px}}
.home-case .homecase-list .swiper-slide{display:flex;flex-direction:column;align-items:center}
.home-case .homecase-list .swiper-slide .content{width:82%;height:20%;position:unset;left:50%;bottom:-110%;transform:translate(0%,0%);background:var(--color);opacity:1;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:all .1s linear;opacity:1;visibility:inherit;margin-top:0px}
.home-our .img-list3{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:20px}
.home-our .img-list3 li img{width:100%;height:100%}
@media screen and (max-width:1024px){.home-our .img-list3{grid-template-columns:repeat(2,1fr)}}
.home-case .homecase-list .swiper-slide .content .more{display:none;}
.home-case .homecase-list .swiper-slide .content{background: #fff;}
.home-case .homecase-list .swiper-slide .content .text a{color: var(--color);}
.home-case .homecase-list .swiper-slide .content:hover{background:var(--color);}
.home-case .homecase-list .swiper-slide .content:hover .text a{color:#fff;}
.kche-t222 .kche-t222-flex,.kche-t223 .kche-t223-flex{align-items:center}
.home-banner .banner-animote.banner3txt{ padding-top: 2%;}

@media (min-width:1025px){body{padding-top:126px;}
header{background: #fff;}
.head-top{background:var(--color)}
header .head-nav .nav-ul>li>a,header .head-top .lang-icon span{color:var(--fontcolor)}
header .head-top .lang-icon span:before,header .head-top .lang-icon span:after{background: #fff;}
.head-right .item:hover,header .head-top .lang-icon span,header.is-active .head-top .lang-icon span, header:hover .head-top .lang-icon span,header.is-active .head-top, header:hover .head-top{color:#fff;}
header.is-active .head-top .lang-icon img, header:hover .head-top .lang-icon img{filter: invert(0);}
header.is-active .head-top .lang-icon span::after, header.is-active .head-top .lang-icon span::before, header:hover .head-top .lang-icon span::after, header:hover .head-top .lang-icon span::before{background:#fff}
.head-nav .nav-ul{margin-right:auto;}
.head-nav{width:calc(100% - 120px)}
}
.pagesbanner{min-height: inherit;}
.pagesbanner::after{display:none;}
footer .foot-share .title{display:none}
.wmpage232-page1{position:relative;background:url(https://www.bestviewspa.com/Content/uploads/20251104109/2025091615332215d32084422a4861b3b3b7c171721c06.webp)}
.wmpage232-page1 .module1{display:flex;align-items:center;position:relative;z-index:3}
.wmpage232-page1 .module1-left{flex:1;padding-right:6%}
.wmpage232-page1 .module-right{width:55%;background:#fff;border-radius:50px;padding:50px 40px}
.wmpage232-page1 .module1-text{margin-top:15px;margin-bottom:25px}
.wmpage232-page1 .module1-text p{font-size:16px;color:#283e58;line-height:26px}
.wmpage232-page1 .module1-box{display:flex;background:url(https://www.bestviewspa.com/Content/uploads/20251104109/202509161533212020c301b3704f32b4430df5de0ef9f2.webp) right no-repeat;background-size:contain;margin-bottom:20px;align-items:center;padding:10px 10px;width:80%}
.wmpage232-page1 .module1-box:last-child{margin-bottom:0}
.wmpage232-page1 .module1-tit{margin-bottom:10px}
.wmpage232-page1 .module1-tit p{font-weight:600;font-size:18px;color:#283e58;line-height:1}
.wmpage232-page1 .module1-contact{margin-top:35px}
.wmpage232-page1 .module1-add,.wmpage232-page1 .module1-follow ul,.wmpage232-page1 .module1-r ul li{display:flex;align-items:center}
.wmpage232-page1 .module1-r ul li{font-size:16px;color:#283e58;line-height:26px}
.wmpage232-page1 .module1-add em,.wmpage232-page1 .module1-r ul li em{color:var(--color);line-height:1;margin-right:6px}
.wmpage232-page1 .module1-follow ul li a{width:30px;height:30px;background:var(--color);border-radius:50%;display:flex;justify-content:center;align-items:center}
.wmpage232-page1 .module1-follow ul li a i{color:#fff}
.wmpage232-page1 .module1-box .module1-l{margin-right:15px}
.wmpage232-page1 .module1-box .module1-l img{width: 120px;height: 120px;border-radius: 100%;overflow: hidden;object-fit: cover;}
.wmpage232-page1 .module1-add p{color:#283e58;line-height:26px}
.wmpage232-page1 .module1-follow ul li{margin-right:10px}
.wmpage232-page1 .module1-follow ul li em{color: #fff;font-size: 16px;width: 16px;line-height: 1;}
.module-right .wmkcfeedback textarea,.wmpage232-page1 .module-right .wmkcfeedback input{border:1px solid #eee;margin-bottom:10px;font-size:16px;color:rgba(40,62,88,.5);border-radius:unset}
.wmpage232-page1 .module-right .wmkcfeedback input,.wmpage232-page1 .module-right .wmkcfeedback textarea{border:1px solid #eee;margin-bottom:10px;font-size:16px;color:rgba(40,62,88,.5);border-radius:unset}
.wmpage232-page1 .wmkcfeedback .inquiry-form>*{width:49%}
.wmpage232-page1 .wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage232-page1 .wmkcfeedback{margin-top:25px}
.wmpage232-page1 .wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage232-page1 .wmkcfeedback .wmkcfb-fileupload,.wmpage232-page1 .wmkcfeedback input,.wmpage232-page1 .wmkcfeedback textarea{outline:0;border-radius:3px;border:none;background-color:#fff;height:50px;padding:10px;margin-bottom:1.5em;font-family:inherit;border:1px solid #fff;font-size:var(--fontsize14);transition:all .1s linear}
.wmpage232-page1 .wmkcfeedback input,.wmpage232-page1 .wmkcfeedback textarea{border:1px solid #eee;margin-bottom:10px;font-size:16px;color:rgba(40,62,88,.5);border-radius:unset}
.wmpage232-page1 .wmkcfeedback textarea{width:100%!important;flex:none!important;height:140px;resize:none}
.wmpage232-page1 .wmkcfeedback .send-btn{margin:20px auto 0;min-width:200px;height:48px;border-radius:6px;font-size:var(--fontsize16);background:var(--color);color:#fff;font-weight:var(--fontbold4);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:0;padding:0 20px;transition:all .1s linear;position:relative;overflow:hidden}
.wmkcfeedback .send-btn:hover{background:#333}
@media (max-width:1640px){.wmpage232-page1 .module1-left{padding-right:3%}
.wmpage232-page1 .module1{padding:0 0 50px}}
@media (max-width:1024px){.wmpage232-page1 .module1{flex-direction:column}
.wmpage232-page1 .module1-left{padding-right:0;width:100%}
.wmpage232-page1 .module1-box{width:50%;float:inline-end}
.wmpage232-page1 .module-right{padding:35px 30px;width:100%;margin-top:25px}}
@media (max-width:880px){.wmpage232-page1 .module1-box{width:100%;float:unset}}
@media (max-width:550px){.wmpage232-page1 .module1-text{margin-top:8px}
.wmpage232-page1 .module-right{padding:25px 20px}}
  @media (min-width:1025px){.head-nav .nav-ul{margin:0 auto}
}