#dental-services,.dental-services-section{background-image:url(https://ckjhk.com/dental-service/implant/static/s2bg.webp);background-size:100% 100%}#doctor-team,.doctor-team-section{background-image:url(https://ckjhk.com/dental-service/implant/static/s3bg.webp);background-size:100% 100%}#brand-strength,.strength-section{background-image:url(https://ckjhk.com/dental-service/implant/static/s4bg.webp);background-size:100% 100%}#tv-commercial,.tv-video-section{will-change:background-position;background-image:url(https://ckjhk.com/dental-service/implant/static/s5bg.webp);background-position:0% bottom;background-repeat:no-repeat;background-size:135% 100%;animation:24s ease-in-out infinite alternate mountain-cinematic-pan}@keyframes mountain-cinematic-pan{0%{background-position:0% bottom}to{background-position:100% bottom}}@media screen and (width<=768px){#dental-services,.dental-services-section{background-image:url(https://ckjhk.com/dental-service/implant/static/s2bgm.webp);background-position:50%;background-size:cover}#doctor-team,.doctor-team-section{background-image:url(https://ckjhk.com/dental-service/implant/static/s3bgm.webp);background-position:50%;background-size:cover}#brand-strength,.strength-section{background-image:url(https://ckjhk.com/dental-service/implant/static/s4bgm.webp);background-position:50%;background-size:cover}#tv-commercial,.tv-video-section{background-image:url(https://ckjhk.com/dental-service/implant/static/s5bgm.webp);background-position:0% bottom;background-repeat:no-repeat;background-size:140% 100%;animation:20s ease-in-out infinite alternate mountain-cinematic-pan-m}@keyframes mountain-cinematic-pan-m{0%{background-position:0% bottom}to{background-position:100% bottom}}}@media (prefers-reduced-motion:reduce){#tv-commercial,.tv-video-section{animation:none!important}}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.banner-section{background:0 0;width:100%;max-width:100%;margin:0 auto;padding:0;position:relative;overflow:hidden}@media (width>=769px){.banner-section{padding:12px 0 0}}.banner-section:before,.banner-section:after{content:"";z-index:5;pointer-events:none;width:12%;max-width:160px;transition:opacity .3s;display:none;position:absolute;top:12px;bottom:24px}@media (width>=769px){.banner-section:before,.banner-section:after{display:block}}.banner-section:before{background:linear-gradient(90deg,#fffffff2 0%,#ffffff80 60%,#fff0 100%);left:0}.banner-section:after{background:linear-gradient(270deg,#fffffff2 0%,#ffffff80 60%,#fff0 100%);right:0}.banner-section .swiper{--swiper-theme-color:#f8298a;--swiper-pagination-color:#f8298a;--swiper-pagination-bullet-inactive-color:#f8298a;--swiper-pagination-bullet-inactive-opacity:.28;width:100%;max-width:100%;margin:0 auto;padding-bottom:20px;overflow:hidden}@media (width>=769px){.banner-section .swiper{max-width:1560px;padding-bottom:24px;overflow:visible}}.banner-section .swiper-slide{opacity:1;width:100%;box-shadow:none;aspect-ratio:1;border-radius:0;flex-shrink:0;position:relative;overflow:hidden;transform:none}@media (width>=769px){.banner-section .swiper-slide{opacity:.55;aspect-ratio:16/5;border-radius:12px;max-width:1280px;transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s,box-shadow .4s;transform:scale(.94)}.banner-section .swiper-slide-active{opacity:1;z-index:3;transform:scale(1);box-shadow:0 10px 30px #0000001f}}.slide-content{aspect-ratio:1;background:linear-gradient(90deg,#fdf2f7 0%,#fbe4ee 50%,#fdf2f7 100%) 0 0/200% 100%;border-radius:0;width:100%;animation:2s ease-in-out infinite skeleton-shimmer;position:relative;overflow:hidden}@media (width>=769px){.slide-content{aspect-ratio:16/5;border-radius:12px}.slide-content:after{content:"";pointer-events:none;opacity:1;z-index:2;background:linear-gradient(#ffffff59 0%,#ffffff73 100%);border-radius:12px;transition:opacity .4s;position:absolute;inset:0}.banner-section .swiper-slide-active .slide-content:after{opacity:0}}.slide-link{aspect-ratio:1;border-radius:0;width:100%;height:100%;display:block;position:relative;overflow:hidden}@media (width>=769px){.slide-link{aspect-ratio:16/5;border-radius:12px}}.banner-picture{aspect-ratio:1;width:100%;height:100%;display:block}@media (width>=769px){.banner-picture{aspect-ratio:16/5}}.slide-link img,.banner-img{object-fit:cover;aspect-ratio:1;border-radius:0;width:100%;height:100%;margin:0 auto;display:block}@media (width>=769px){.slide-link img,.banner-img{aspect-ratio:16/5;border-radius:12px;max-width:1280px;height:auto}}.slide-btn-wrap{z-index:10;text-align:center;white-space:nowrap;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slide-btn-wrap .cta-btn{padding:7px 20px;font-size:16px}@media (width>=769px){.slide-btn-wrap{bottom:20px}.slide-btn-wrap .cta-btn{padding:10px 32px;font-size:20px}}.banner-section .swiper-pagination{z-index:10;justify-content:center;align-items:center;margin-top:10px;display:flex;position:relative;bottom:0!important}.banner-section .swiper-pagination-bullet{cursor:pointer;opacity:1!important;background-color:#f8298a47!important;border-radius:50%!important;width:8px!important;height:8px!important;margin:0 4px!important;transition:all .3s!important}.banner-section .swiper-pagination-bullet:hover{background-color:#f8298a99!important}.banner-section .swiper-pagination-bullet-active{background-color:var(--Brand-Color,#f8298a)!important;border-radius:4px!important;width:22px!important;height:8px!important;box-shadow:0 2px 6px #f8298a73!important}.dental-service-item{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));align-items:start;gap:30px 55px;display:grid}@media screen and (width<=768px){.dental-service-item{grid-template-columns:repeat(5,1fr);gap:24px 12px}}@media screen and (width<=480px){.dental-service-item{grid-template-columns:repeat(4,1fr);gap:20px 8px}}.dental-service-item>a{text-align:center;cursor:pointer;flex-direction:column;align-items:center;transition:transform .25s;display:flex;position:relative}.dental-service-item>a:hover{transform:translateY(-3px)}.dental-service-item>a:first-child:after,.dental-service-item>a:nth-child(2):after,.dental-service-item>a:nth-child(3):after,.dental-service-item>a:nth-child(4):after{content:"";pointer-events:none;background:url(/static/homepage/hot.png) 0 0/cover no-repeat;width:36px;height:36px;animation:3s 2s infinite wobble;position:absolute;top:-11px;left:-6px}@media screen and (width<=768px){.dental-service-item>a:first-child:after,.dental-service-item>a:nth-child(2):after,.dental-service-item>a:nth-child(3):after,.dental-service-item>a:nth-child(4):after{width:28px;height:28px;top:-8px;left:-4px}}.service-icon-box{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;transition:all .3s;display:flex}@media screen and (width<=768px){.service-icon-box{width:56px;height:56px}}.service-icon-box img{width:48px;height:48px}@media screen and (width<=768px){.service-icon-box img{width:38px;height:38px}}.dental-service-item>a:hover .service-icon-box{background:var(--Pink-Pale,#ffe9ec);box-shadow:0 4px 12px #f8298a33}.dental-service-item>a:last-child:hover .service-icon-box{background:#01a853;box-shadow:0 4px 12px #01a8534d}.service-title-wrap{text-align:center;flex-direction:column;align-items:center;margin-top:6px;display:flex}.service-title-wrap span{white-space:nowrap;color:var(--Grey-Dark,#333);letter-spacing:.7px;font-family:Noto Sans HK,sans-serif;font-size:14px;font-weight:400;line-height:1.4;transition:color .2s}.service-title-wrap span:first-child{font-weight:700}.dental-service-item>a:hover .service-title-wrap span{color:var(--Brand-Color,#f8298a)}@media screen and (width<=768px){.service-title-wrap span{letter-spacing:.2px;font-size:12px}}.doctor-team-intro{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.doctor-team-desc{color:var(--Grey-Dark,#333);text-align:center;letter-spacing:2px;margin-bottom:24px;font-family:Noto Sans HK,sans-serif;font-size:20px;font-weight:700;line-height:1.5}@media (width<=768px){.doctor-team-desc{text-align:left;margin-bottom:16px;font-size:16px}}.doctor-team-banners{justify-content:center;gap:0 20px;width:100%;display:flex}.doctor-banner-item{flex:1;max-width:480px}.doctor-banner-item img{border-radius:4px;width:100%;height:auto}.doctor-tab-wrapper{width:100%;margin-top:30px}.doc-tab-nav{flex-wrap:wrap;justify-content:center;margin-bottom:20px;display:flex}.doc-tab-btn{cursor:pointer;border-top:1px solid var(--Grey-Light,#e6e6e6);border-right:1px solid var(--Grey-Light,#e6e6e6);border-bottom:1px solid var(--Grey-Light,#e6e6e6);background:var(--White,#fff);color:var(--Grey-Dark,#333);user-select:none;justify-content:center;align-items:center;padding:7.5px 33px;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:relative}.doc-tab-btn:first-child{border-left:1px solid var(--Grey-Light,#e6e6e6)}.doc-tab-btn:hover,#doc-tab-1:checked~.doc-tab-nav label[for=doc-tab-1],#doc-tab-2:checked~.doc-tab-nav label[for=doc-tab-2],#doc-tab-3:checked~.doc-tab-nav label[for=doc-tab-3],#doc-tab-4:checked~.doc-tab-nav label[for=doc-tab-4],#doc-tab-5:checked~.doc-tab-nav label[for=doc-tab-5],#doc-tab-6:checked~.doc-tab-nav label[for=doc-tab-6],#doc-tab-7:checked~.doc-tab-nav label[for=doc-tab-7]{border-color:var(--Brown-Mid,#ad8956);background-color:var(--Brown-Mid,#ad8956);color:#fff}@media (width>=769px){#doc-tab-1:checked~.doc-tab-nav label[for=doc-tab-1]:after,#doc-tab-2:checked~.doc-tab-nav label[for=doc-tab-2]:after,#doc-tab-3:checked~.doc-tab-nav label[for=doc-tab-3]:after,#doc-tab-4:checked~.doc-tab-nav label[for=doc-tab-4]:after,#doc-tab-5:checked~.doc-tab-nav label[for=doc-tab-5]:after,#doc-tab-6:checked~.doc-tab-nav label[for=doc-tab-6]:after,#doc-tab-7:checked~.doc-tab-nav label[for=doc-tab-7]:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--Brown-Mid,#ad8956);z-index:2;width:0;height:0;display:block;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}}@media screen and (width<=768px){.doc-tab-nav{flex-wrap:wrap;justify-content:center;display:flex}.doc-tab-btn{padding:6px 12px;font-size:14px}.doc-tab-btn:nth-child(5),.doc-tab-btn:nth-child(6),.doc-tab-btn:nth-child(7){border-top:0}.doc-tab-btn:nth-child(5){border-left:1px solid #e5e5e5}}.doctor-panel{display:none}#doc-tab-1:checked~.doctor-panels-container #doc-panel-1,#doc-tab-2:checked~.doctor-panels-container #doc-panel-2,#doc-tab-3:checked~.doctor-panels-container #doc-panel-3,#doc-tab-4:checked~.doctor-panels-container #doc-panel-4,#doc-tab-5:checked~.doctor-panels-container #doc-panel-5,#doc-tab-6:checked~.doctor-panels-container #doc-panel-6,#doc-tab-7:checked~.doctor-panels-container #doc-panel-7{display:block}.doctor-cards-grid{flex-wrap:wrap;justify-content:center;gap:0 30px;margin:30px 0;display:flex}.doctor-card{flex-direction:column;align-items:center;width:180px;display:flex}.doctor-card-photo{border-radius:4px;width:100%;overflow:hidden;box-shadow:0 4px 4px #4d4d4d33}.doctor-card-photo img{width:100%;height:auto;display:block}.doctor-card-info{text-align:center;flex-direction:column;align-items:center;margin-top:6px;display:flex}.doctor-card-info .doctor-name{color:var(--Grey-Dark,#333);letter-spacing:1.6px;font-size:16px;font-weight:700;line-height:1.5}.doctor-card-info .doctor-name sub{color:var(--Grey-Dark,#333);letter-spacing:1.2px;font-size:12px;font-weight:700;bottom:.05em}.doctor-card-info .doctor-title{color:var(--Grey-Dark,#333);letter-spacing:1.2px;font-size:12px;font-weight:400;line-height:1.5}@media screen and (width<=768px){.doctor-cards-grid{grid-template-columns:repeat(4,1fr);gap:12px 8px;margin:20px 0;display:grid}.doctor-card{width:100%}.doctor-card-info .doctor-name{letter-spacing:.5px;font-size:13px}.doctor-card-info .doctor-name sub{font-size:10px}.doctor-card-info .doctor-title{letter-spacing:.2px;font-size:11px}}.doc-more-wrap{justify-content:center;margin-top:24px;display:flex}.accumulate{width:100%;max-width:640px;margin:20px auto}.accumulate img{width:100%;height:auto;display:block}.accumulate-honor{grid-template-columns:repeat(2,1fr);gap:32px 24px;margin:30px auto 20px;display:grid}.honor-item{align-items:center;gap:0 14px;display:flex}.honor-badge{color:#8a5e1b;text-align:center;width:150px;height:50px;font-family:var(--Font-Serif);box-sizing:border-box;background:url(https://static.ckjhk.com/ckj-image/Union.png) 50%/100% 100% no-repeat;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:2px 4px;font-weight:900;display:flex}.honor-badge span:first-child{letter-spacing:.8px;font-size:11.5px;font-weight:600;line-height:1.15}.honor-badge span:last-child{margin-top:1px;font-size:16.5px;font-weight:900;line-height:1.15}.honor-desc{color:var(--Grey-Dark,#2b2b2b);text-align:justify;letter-spacing:.02em;font-size:15.5px;font-weight:500;line-height:1.65}@media screen and (width<=768px){.accumulate-honor{flex-direction:column;align-items:center;gap:16px;margin:20px auto;display:flex}.honor-item{gap:0 10px;width:100%;max-width:360px}.honor-badge{width:140px;height:48px;padding:2px 4px}.honor-badge span:first-child{font-size:11px;font-weight:400}.honor-badge span:last-child{margin-top:0;font-size:15px;font-weight:900}.honor-desc{letter-spacing:1px;font-size:12.5px;line-height:1.5}}.partner-tab{flex-wrap:wrap;justify-content:center;margin-bottom:30px;display:flex}.partner-tab-btn{cursor:pointer;color:#333;user-select:none;background:#fff;border:1px solid #e6e6e6;margin:0 5px;padding:10px 20px;font-size:20px;font-weight:700;transition:all .2s}.partner-tab-btn:hover,#tab-customers:checked~.partner-tab label[for=tab-customers],#tab-media:checked~.partner-tab label[for=tab-media],#tab-strategic:checked~.partner-tab label[for=tab-strategic],#tab-regulators:checked~.partner-tab label[for=tab-regulators]{border-color:var(--Brown-Mid,#ad8956);background-color:var(--Brown-Mid,#ad8956);color:#fff}@media (width<=768px){.partner-tab-btn{margin:0 2px;padding:5px 8px;font-size:14px}}.partner-panel{display:none}#tab-customers:checked~#panel-customers,#tab-media:checked~#panel-media,#tab-strategic:checked~#panel-strategic,#tab-regulators:checked~#panel-regulators{display:block}.partner-logo-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}@media (width>=640px){.partner-logo-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (width>=1024px){.partner-logo-grid{grid-template-columns:repeat(5,1fr);gap:20px}}#panel-strategic .partner-logo-grid,#panel-regulators .partner-logo-grid{grid-template-columns:repeat(3,1fr);gap:8px}@media (width>=640px){#panel-strategic .partner-logo-grid,#panel-regulators .partner-logo-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width>=1024px){#panel-strategic .partner-logo-grid,#panel-regulators .partner-logo-grid{grid-template-columns:repeat(4,1fr);gap:22px}}.partner-card{box-sizing:border-box;background:#fff;border:1px solid #f0f0f0;border-radius:6px;justify-content:center;align-items:center;min-height:58px;padding:8px 10px;transition:all .25s;display:flex;box-shadow:0 1px 4px #0000000d}.partner-card:hover{border-color:#e0d7cb;transform:translateY(-2px);box-shadow:0 4px 14px #00000017}.partner-card img{object-fit:contain;width:auto;max-width:96%;height:auto;max-height:42px;display:block}@media (width>=768px){.partner-card{border-radius:8px;min-height:84px;padding:14px 20px}.partner-card img{max-height:68px}}#panel-strategic .partner-card,#panel-regulators .partner-card{min-height:62px;padding:8px 10px}#panel-strategic .partner-card img,#panel-regulators .partner-card img{max-width:94%;max-height:60px}@media (width>=768px){#panel-strategic .partner-card,#panel-regulators .partner-card{min-height:96px;padding:16px 24px}#panel-strategic .partner-card img,#panel-regulators .partner-card img{max-height:78px}}.video-facade-wrap{aspect-ratio:16/9;cursor:pointer;background-color:#000;border-radius:8px;width:100%;max-width:670px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001f}.video-poster-img{object-fit:cover;width:100%;height:100%;transition:transform .4s,opacity .3s;display:block}.video-facade-wrap:hover .video-poster-img{opacity:.9;transform:scale(1.02)}.video-play-btn{z-index:2;background:#f8298ae6;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #f8298a80}.video-play-btn svg{margin-left:4px}.video-facade-wrap:hover .video-play-btn{background:var(--Brand-Color,#f8298a);transform:translate(-50%,-50%)scale(1.12)}.video-facade-wrap iframe{border:none;width:100%;height:100%;display:block}