.doctor-section {
	padding:0;
	background-color: rgba(55,114,82,0.07);
	position: relative;
}
.doctor-section:after {
    content: "";
    position: absolute;
    width: 100%;
	height:100%;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 82.569vw;
    top: 5vw;
    right: 0;
}
.doctor-badge {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index:2;
    background:#00A94F;
    color: #fff;
	font-weight: 500;
    border-bottom-left-radius: 1.242vw;
    border-bottom-right-radius: 1.242vw;
	font-size: 1.406vw;
    padding: 0.208vw 4.883vw 0.313vw;
}
.doctor-heading {
	position: relative;
    z-index:2;
	text-align:center;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top:4.271vw;
    font-size: var(--t-heading);
}
.doctor-container {
	/*--dr-width:87.5vw;
	--dr-card:calc((var(--dr-width) / 4) - 4.167vw);*/
	margin: 0 auto;
	position: relative;
    z-index:2;
	max-width: var(--dr-width);
	padding: 0 0px;
}
.doctor-swiper {
	width: 100%;
	padding: 8vw 0 0vw !important; 
}
.doctor-card {
	text-align: center;
	padding: 0px;
	transition: all 0.3s ease;
	min-height:30vw;
}
.doctor-main-content {
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	will-change: transform;
	position: relative;
}
/* 圖片與背景圓圈的組合容器 */
.doctor-visual-area {
	width: var(--dr-card);
	height: var(--dr-card);
	margin: 0 auto;
	position: relative;
	padding:0;
}
.doctor-circle-bg {
	position: absolute;
	bottom: 0;
	left: 50%;
	border-radius: 50%;
	background-color: var(--c-green);
    background: linear-gradient(180deg,#00a651 38%, #0D96B2 100%);
	z-index: 1;
	transform: translateX(-50%);
	width: 95%;
	height: 95%;
	padding:0 1.042vw;
}
.doctor-photo {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: auto;
	z-index: 2;
	display: block;
	height: auto;
	width: 100%;
}
.doctor-name-tag {
	position: relative;
	z-index: 3;
	font-weight: 500;
	background-color: var(--c-green);
	color: #fff;
	display: block;
	width: 74%;
	border-radius: 1.667vw;
    margin: 0 auto;
	padding: 0.629vw 1.302vw;
	font-size:1.67vw;
}
.doctor-info {
	margin-top:-1.5vw;
}
.doctor-info .doctor-desc {
	color: var(--c-black);
	line-height: 1.5;
	font-weight: 500;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease;
	font-size: 1.11vw;
}
.doctor-card:hover {
  cursor:pointer;
}
.doctor-card:hover .doctor-main-content {
  transform: translateY(-2.5vw); 
}
.doctor-card:hover .doctor-info .doctor-desc {
  height: auto; 
  opacity: 1;
  margin-top: 0px;
}

/* --- RWD --- */
@media (max-width: 767px) {
.doctor-section:after {
	background-size: 24.115vw;
	top: 16vw;
}
.doctor-badge {
    transform: translateX(0%);
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 14vw;
	border-bottom-left-radius:5.442vw;
	border-bottom-right-radius: 5.442vw;
	font-size: 3.865vw;
	padding: 1.28vw 0vw 1.38vw;
}
.doctor-heading {
	padding-top:12.271vw;
}
/*.doctor-container {
	--dr-width:80vw;
	--dr-card:calc((var(--dr-width) / 1) - 8vw);
}*/
.doctor-swiper {
	padding: 8vw 0 0vw !important; 
}
.doctor-card {
	min-height:140vw;
}
.doctor-main-content {
    padding-top: 8vw;
}
.doctor-circle-bg {
	width: 89%;
	height: 89%;
	padding: 0;
	bottom: -1%;
}
.doctor-name-tag {
	width: 78%;
	border-radius: 6.667vw;
	padding: 2.229vw 1.302vw;
	font-size: 6.763vw;
}
.doctor-info {
	margin-top:3vw;
}
.doctor-info .doctor-desc {
    overflow: visible;
    transition: none;
	font-size: 4.348vw;
    opacity: 1;
}
.doctor-card:hover {
  cursor:none;
}
.doctor-card:hover .doctor-main-content {
  transform: translateY(0vw); 
}
.doctor-card:hover .doctor-info .doctor-desc {
  opacity: 1;
}
}


/* --- Arrow --- */
.doctor-section .swiper-button-next, 
.doctor-section .swiper-button-prev {
  /*color: #00a651 !important;*/
  background:#fff;
  width: 2.344vw;
  height: 2.344vw;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0);
  top: 45% !important; 
  margin-top: 0;
  transform: translateY(-50%);
}
.doctor-section .swiper-button-prev{
        left: -3.125vw;
}
.doctor-section .swiper-button-next{
        right: -3.125vw;
}
.doctor-section .swiper-button-lock {
  display: none !important;
}
.doctor-section .swiper-button-next:after, 
.doctor-section .swiper-button-prev:after {
  font-size:1.042vw;
  font-weight: bold;
  color:var(--c-green);
}
.doctor-section .swiper-button-next:after{
	content: "next" !important;
}
.doctor-section .swiper-button-prev:after{
	content: "prev" !important;
}
.doctor-section .swiper-pagination {
  display: none;
}

@media (max-width: 767px) {
.doctor-section .swiper-button-next, 
.doctor-section .swiper-button-prev {
  display: none !important;
}
.doctor-section .swiper-pagination {
  display: block;
  bottom: 9.662vw !important;
}
.doctor-section .swiper-pagination-bullet-active {
  background: #808080 !important;
}
.doctor-section .swiper-pagination-bullet {
	width:2.899vw;
	height:2.899vw;
    background: rgba(0, 0, 0, 0.5);
}
}