.section-top-content { background-image: url(../images/bg-doctor-detail.png); background-position: bottom; background-size: cover; background-repeat: no-repeat; position: relative; }
.section-top-content:before { content: ''; position: absolute; right: 0; top: 0; background-image: url(../images/graphic-10.svg); width: 230px; height: 300px; background-position: right; background-size: contain; background-repeat: no-repeat; -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -o-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); }
.section-top-content:after { content: ''; position: absolute; left: 0; bottom: 0; width: 245px; height: 300px; bottom: 0; background-image: url(../images/graphic-05.svg); background-position: right; background-size: contain; background-repeat: no-repeat; -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -o-transform: translateY(40%); -ms-transform: translateY(40%); transform: translateY(40%); }
@media (max-width: 767px) { .section-top-content .col__image img { max-height: 300px; display: block; margin: auto; } }
.section-top-content .col__text { position: relative; }
@media (min-width: 768px) { .section-top-content .col__text { padding: 40px 0 40px 30px; } }
@media (max-width: 767px) { .section-top-content .col__text { padding-top: 30px; padding-bottom: 30px; } }
@media (max-width: 575px) { .section-top-content .col__text > div { width: 100%; } }
.no-edit .section-top-content .col__text { z-index: 1; }
.section-top-content .col__text .text__quote { font-family: "latolight", "sarabun_lightregular", "cordiadseregular", Helvetica, Arial, sans-serif; color: #2D2D2D; letter-spacing: 1; }
@media (min-width: 1200px) { .section-top-content .col__text .text__quote { font-size: 32px; } }
@media (min-width: 768px) { .section-top-content .col__text .text__quote { padding-left: 60px; } }
.section-top-content .col__text .text__quote:after { width: 90%; height: 1px; display: block; content: ''; background-color: #F09483; margin: 40px 0; }
.section-top-content .col__text .text__button { margin-top: 35px; }
@media (max-width: 575px) { .section-top-content .col__text .text__button a { display: block; margin-bottom: 10px; } }

.section-tab-content { font-size: 24px; color: #2D2D2D; letter-spacing: 1.61px; padding: 50px 0 120px; }
@media (max-width: 1480px) { .section-tab-content { font-size: 22px; } }
@media (max-width: 991px) { .section-tab-content { padding: 50px 0 80px; } }
@media (max-width: 575px) { .section-tab-content { font-size: 18px; } }
@media (max-width: 991px) { .section-tab-content .container { max-width: 100%; } }
.section-tab-content .content-tab__nav { display: flex; display: -webkit-flex; border-bottom: 1px solid #709FC4; }
.section-tab-content .content-tab__nav .nav-item { text-align: left; padding: 20px 1em 20px 1.5em; cursor: pointer; margin-right: 4px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; font-size: 20px; }
@media (max-width: 1480px) { .section-tab-content .content-tab__nav .nav-item { font-size: 20px; }
  .page-th .section-tab-content .content-tab__nav .nav-item { font-size: 18px; } }
@media (max-width: 1280px) { .section-tab-content .content-tab__nav .nav-item { font-size: 18px; } }
.section-tab-content .content-tab__nav .nav-item:last-child { margin-right: 0; }
.section-tab-content .content-tab__nav .nav-item span { position: relative; }
.section-tab-content .content-tab__nav .nav-item span:before { width: 9px; height: 9px; background-color: #709FC4; content: ''; position: absolute; left: 0; top: 12px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transform: translatex(-200%); -moz-transform: translatex(-200%); -o-transform: translatex(-200%); -ms-transform: translatex(-200%); transform: translatex(-200%); }
.section-tab-content .content-tab__nav .nav-item.active, .section-tab-content .content-tab__nav .nav-item:hover { background-image: linear-gradient(0deg, #F7FBFF 29%, #F9FCF9 100%); color: #709FC4; }
.section-tab-content .content-tab__nav .nav-item.active span:before, .section-tab-content .content-tab__nav .nav-item:hover span:before { opacity: 1; }
.section-tab-content .content-tab__list { padding-top: 70px; }
@media (min-width: 992px) { .section-tab-content .content-tab__list .content-tab__item { display: none; } }
.section-tab-content .content-tab__list .content-item__title { padding: 15px 0; border-bottom: 1px solid #666; justify-content: space-between; align-items: center; }
@media (max-width: 575px) { .section-tab-content .content-tab__list .content-item__title { font-size: 17px; } }
.section-tab-content .content-tab__list .content-item__title.active { color: #F09483; border-bottom-color: #F09483; }
.section-tab-content .content-tab__list .content-item__title i { color: #F09483; padding-right: 10px; }
@media (max-width: 991px) { .section-tab-content .content-tab__list .content-item__list { display: none; padding: 30px 0; } }
.section-tab-content .content-tab__list .content-item { margin-bottom: 40px; }
@media (min-width: 768px) { .section-tab-content .content-tab__list .content-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media (min-width: 768px) { .section-tab-content .content-tab__list .content-item__year { padding-right: 20px; } }
@media (min-width: 768px) and (min-width: 1200px) { .section-tab-content .content-tab__list .content-item__year { -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; } }
@media (min-width: 768px) and (max-width: 1199px) { .section-tab-content .content-tab__list .content-item__year { -ms-flex: 0 0 180px; flex: 0 0 180px; max-width: 180px; } }

@media (min-width: 768px) { .section-tab-content .content-tab__list .content-item__detail { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .section-tab-content .content-tab__list .content-item__detail > div { padding-left: 80px; position: relative; }
  .section-tab-content .content-tab__list .content-item__detail > div:before { content: ''; background-color: #709FC4; width: 55px; height: 1px; position: absolute; top: 15px; left: 0; } }
.section-tab-content .content-tab__list .content-item__detail .title { color: #709FC4; }
.section-tab-content .content-tab__list .content-item__detail .detail { margin-top: 10px; }
.section-tab-content .content-tab__list .content-item__detail p:last-child { margin-bottom: 0; }

/*# sourceMappingURL=doctor.css.map */