.book-appointment{cursor:pointer;display:inline-block;font-size:var(--base-font-size, "16px");font-family:var(--font-medium);white-space:nowrap;display:inline-flex;align-items:center}.book-appointment .icon-calendar{margin-right:8px}.book-appointment.button{position:relative;color:var(--mg-button-color);background-color:var(--mg-button-background);padding:7px 15px}.book-appointment.button:hover::after{content:'';background:rgba(25,25,25,0.1);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.book-appointment.link{color:var(--color-theme)}.book-appointment.link:hover{color:var(--color-hover);text-decoration:underline}.book-appointment.link .icon-arrow_01_right{font-size:10px}.book-appointment.link .icon-arrow_01_right::before{margin-left:8px}.book-appointment .icon-arrow_06_right{margin-left:10px;font-size:16px}

.md-team.layout12{position:relative;height:auto}.md-team.layout12 .layout12-wrap{position:sticky;top:100px}.md-team.layout12 .layout12-wrap .agent-item{display:flex;align-items:flex-start;height:auto}.md-team.layout12 .layout12-wrap .avatar-wrap{width:50%;height:100vh;position:sticky;top:0;overflow:hidden}.md-team.layout12 .layout12-wrap .avatar-wrap a.redrect{display:block;width:100%;height:100%;cursor:pointer}.md-team.layout12 .layout12-wrap .avatar-wrap .avatar{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;cursor:pointer}.md-team.layout12 .layout12-wrap .avatar-wrap:hover{cursor:pointer}.md-team.layout12 .layout12-wrap .avatar-wrap:hover .avatar{transform:scale(1.1)}.md-team.layout12 .layout12-wrap .agent-info-wrap{width:50%;height:auto;padding:40px 70px 40px 80px;display:flex;align-items:center;margin:auto}.md-team.layout12 .layout12-wrap .agent-info-wrap::-webkit-scrollbar{width:6px}.md-team.layout12 .layout12-wrap .agent-info-wrap::-webkit-scrollbar-track{background:transparent;border-radius:6px}.md-team.layout12 .layout12-wrap .agent-info-wrap::-webkit-scrollbar-thumb{border-radius:6px;position:relative;display:block;width:0;height:0;cursor:pointer;background-color:rgba(144,147,153,0.3);-webkit-transition:0.3s background-color;transition:0.3s background-color}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info-inner{width:100%;height:auto}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info{width:100%;height:auto;transition:all 0.3s ease}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .full-name{margin-bottom:50px;color:var(--g-primary-color)}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .full-name .fullname,.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .full-name .agent-name{display:block;font-size:48px;font-family:var(--mg-title-font);font-weight:700;line-height:1;text-align:left}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .full-name .position{display:block;color:var(--g-tip-color);font-size:20px;font-family:var(--font-normal);font-weight:400;line-height:1;text-align:left;margin-top:10px}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;row-gap:10px;line-height:17px;color:var(--g-text-color);font-size:14px;font-family:var(--font-normal);font-weight:400}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p{display:flex}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p a{display:flex}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p .label{display:inline-block;font-family:var(--font-bold);margin-right:12px;white-space:nowrap}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p.phone .info,.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p.email .info,.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p.externalUrl .info{position:relative}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p.phone .info:after,.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p.email .info:after,.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p.externalUrl .info:after{content:'';display:block;width:0;height:1px;background:var(--g-text-color);position:absolute;left:0;bottom:0;transition:0.3s ease}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p:hover.phone .info:after,.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p:hover.email .info:after,.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact p:hover.externalUrl .info:after{width:100%}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact .share-links{font-weight:500;display:flex;flex-wrap:wrap;row-gap:10px}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact .share-links .iconfont{position:relative;padding-right:20px}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact .share-links .iconfont:after{position:absolute;right:0;top:calc(50% - 2px);content:'';width:4px;height:4px;background:var(--g-text-color);border-radius:50%;margin:0 6px 0 10px}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact .share-links .iconfont:last-child{padding-right:0}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact .share-links .iconfont:last-child:after{content:none}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact .share-links .iconfont span{position:relative}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact .share-links .iconfont span:before{content:'';display:block;width:0;height:1px;background:var(--g-text-color);position:absolute;left:0;bottom:0;transition:0.3s ease}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .contact .share-links .iconfont span:hover:before{width:100%}.md-team.layout12 .layout12-wrap .agent-info-wrap .book-appointment{margin-top:30px;color:var(--g-primary-color);font-size:16px;font-weight:500;line-height:1;text-align:left;text-decoration:none}.md-team.layout12 .layout12-wrap .agent-info-wrap .book-appointment .iconfont.icon-calendar{display:none}.md-team.layout12 .layout12-wrap .agent-info-wrap .book-appointment .iconfont.icon-arrow_06_right{font-size:16px;font-weight:700;color:var(--g-primary-color)}.md-team.layout12 .layout12-wrap .agent-info-wrap .book-appointment .text{position:relative}.md-team.layout12 .layout12-wrap .agent-info-wrap .book-appointment .text:before{content:'';display:block;width:0;height:1px;background:var(--g-primary-color);position:absolute;left:0;bottom:0;transition:0.3s ease}.md-team.layout12 .layout12-wrap .agent-info-wrap .book-appointment:hover .text:before{width:100%}.md-team.layout12 .layout12-wrap .agent-info-wrap .pic-list{margin-top:50px;display:flex;flex-wrap:wrap;gap:50px}.md-team.layout12 .layout12-wrap .agent-info-wrap .pic-list .pic-item img{font-size:100px;object-fit:contain;vertical-align:middle;width:2em}@media (max-width: 1280px){.md-team.layout12 .layout12-wrap .agent-info-wrap{padding:40px}.md-team.layout12 .layout12-wrap .agent-info-wrap .pic-list .pic-item img{max-width:100%}}@media (max-width: 800px){.md-team.layout12 .layout12-wrap{position:static;display:block;height:100%}.md-team.layout12 .layout12-wrap .agent-item{display:block;height:auto}.md-team.layout12 .layout12-wrap .avatar-wrap{width:100%;height:unset;aspect-ratio:345 / 383;position:static}.md-team.layout12 .layout12-wrap .avatar-wrap .avatar{height:100%;vertical-align:bottom}.md-team.layout12 .layout12-wrap .agent-info-wrap{width:100%;padding:0;margin-top:20px;overflow-y:visible}.md-team.layout12 .layout12-wrap .agent-info-wrap .book-appointment{margin-top:20px}.md-team.layout12 .layout12-wrap .agent-info-wrap .book-appointment .text{text-decoration:underline}.md-team.layout12 .layout12-wrap .agent-info-wrap .book-appointment .iconfont.icon-arrow_06_right{font-size:16px}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info{width:100%}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .full-name{margin-bottom:20px}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .full-name .agent-name{font-size:20px}.md-team.layout12 .layout12-wrap .agent-info-wrap .agent-info .full-name .position{font-size:16px}.md-team.layout12 .layout12-wrap .agent-info-wrap .pic-list{margin-top:20px;gap:20px}.md-team.layout12 .layout12-wrap .agent-info-wrap .pic-list .pic-item img{max-width:100%}}