.section-page-content { position: relative; }
.section-page-content:before { content: ''; position: absolute; right: 0; top: 0; background-image: url(../images/graphic-15.svg); width: 249px; height: 342px; }
.section-page-content .content-wrapper { padding: 0 100px; max-width: 1920px; margin: auto; }
@media (max-width: 1480px) { .section-page-content .content-wrapper { padding: 0 50px; } }
@media (max-width: 767px) { .section-page-content .content-wrapper { padding: 0 30px; } }

.section-program-content { position: relative; }

.section-breadcrumb { margin-bottom: 70px; }
.section-breadcrumb > div { padding-left: 450px; }
@media (max-width: 1279px) { .section-breadcrumb > div { padding-left: 360px; } }

@media (min-width: 992px) { .section-content__row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; } }

.col__side { font-family: "latolight", "sarabun_lightregular", "cordiadseregular", Helvetica, Arial, sans-serif; font-size: 24px; letter-spacing: 0.75px; margin-bottom: 80px; }
@media (min-width: 992px) { .col__side { width: 390px; }
  .page-th .col__side { font-size: 20px; } }
@media (min-width: 992px) and (max-width: 1279px) { .col__side { width: 300px; } }

@media (max-width: 991px) { .col__side { font-size: 18px; margin-bottom: 30px; border-bottom: 1px solid #F09483; } }
@media (min-width: 992px) { .col__side .card__stick { top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
  .no-edit .col__side .card__stick { position: absolute; top: 0; width: 390px; } }
@media (min-width: 992px) and (max-width: 1279px) { .no-edit .col__side .card__stick { width: 300px; } }
@media (min-width: 992px) { .no-edit .col__side .card__stick.fixed { position: fixed; top: 100px; }
  .no-edit .col__side .card__stick.absolute { position: absolute; top: auto; bottom: 50px; }
  .no-edit .col__side .card__stick.relative { position: relative; } }
.col__side ul { list-style: none; padding: 0; margin: 0; }
.col__side ul li a { color: #2D2D2D; display: block; }
.col__side ul li a:hover, .col__side ul li a.active { color: #F09483; }
.col__side ul li a.active { font-family: "latobold", "sarabun_semiboldregular", "cordiadsebold", Helvetica, Arial, sans-serif; }
@media (max-width: 991px) { .col__side .program__menu { display: none; margin-top: 30px; padding-bottom: 30px; } }
.col__side .program__menu > li { background: #FFFBF9; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05); padding: 30px 38px; position: relative; margin-bottom: 20px; }
@media (max-width: 991px) { .col__side .program__menu > li { padding: 20px; margin-bottom: 10px; } }
.col__side .program__menu > li.active { border: 1px solid #F09483; }
.col__side .program__menu > li.has__sub .menu__top { position: relative; padding-right: 30px; }
.col__side .program__menu > li.has__sub .menu__top:after { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #F09483; content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.col__side .program__menu .menu__sub { border-top: 1px solid #C7C7C7; margin-top: 20px; padding: 35px 25px; }
@media (max-width: 1279px) { .col__side .program__menu .menu__sub { padding: 30px 0; } }
.col__side .program__menu .menu__sub ul li { margin-bottom: 40px; }
@media (max-width: 991px) { .col__side .program__menu .menu__sub ul li { margin-bottom: 20px; } }
.col__side .program__menu .menu__sub ul li:last-child { margin-bottom: 0; }
.col__side .pr-xs-toggle-nav { cursor: pointer; height: 30px; right: 0; top: 50%; z-index: 2; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -ms-transition: all 0.4s; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 40px 0; }
.col__side .pr-xs-toggle-nav .icon { width: 27px; height: 2px; background: #000; position: relative; display: inline-block; }
.col__side .pr-xs-toggle-nav .icon:after, .col__side .pr-xs-toggle-nav .icon:before { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -ms-transition: all 0.4s; position: absolute; content: ''; background: #000; width: 27px; height: 2px; }
.col__side .pr-xs-toggle-nav .icon:before { top: -7px; }
.col__side .pr-xs-toggle-nav .icon:after { bottom: -7px; }
.col__side .pr-xs-toggle-nav.active .icon { background-color: transparent; }
.col__side .pr-xs-toggle-nav.active .icon:before, .col__side .pr-xs-toggle-nav.active .icon:after { top: 0; left: 0; right: 0; margin: auto; bottom: auto; }
.col__side .pr-xs-toggle-nav.active .icon:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.col__side .pr-xs-toggle-nav.active .icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.col__side .pr-xs-toggle-nav .text { text-transform: uppercase; font-size: 15px; font-family: "latobold", "sarabun_semiboldregular", "cordiadsebold", Helvetica, Arial, sans-serif; }

.col__main { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; line-height: 1.8; }
@media (min-width: 992px) { .col__main { font-size: 22px; } }
.col__main .text-body-smaller { font-size: 18px; }
@media (max-width: 991px) { .col__main .text-body-smaller { font-size: 16px; } }
@media (min-width: 1600px) { .col__main > div { padding-right: 5vw; } }
@media (min-width: 992px) { .col__main > div { padding-left: 60px; } }
.col__main h1, .col__main h2, .col__main h3 { color: #F09483; font-family: "latolight", "sarabun_lightregular", "cordiadseregular", Helvetica, Arial, sans-serif; }
.col__main hr { border-color: #ACD0EC; max-width: 600px; margin: 40px 0; }
.col__main h3 { margin-bottom: 25px; }
@media (min-width: 992px) { .col__main h3 { font-size: 30px; } }
.col__main .container { padding: 0; max-width: 100%; }
.col__main .page__content .content__row { margin-bottom: 30px; }
.col__main .content .content__row:last-child { padding-bottom: 40px; }
.col__main .image-back-style { padding-top: 75%; background-position: center; background-size: cover; background-repeat: no-repeat; }

.content__row--blue { background-image: linear-gradient(0deg, #F7FBFF 0%, #F9FCF9 100%); }
.content__row--blue .content__row:first-child { padding-top: 60px; }
@media (min-width: 768px) { .content__row--blue .content__row:last-child { padding-bottom: 100px; } }

.page__list { margin-top: 50px; }
.page__list .page__item { margin-bottom: 50px; }
@media (max-width: 767px) { .page__list .page__item { margin-bottom: 30px; } }
@media (min-width: 1280px) { .page__list .page__item:nth-child(odd) { padding-right: 30px; } }
@media (min-width: 1280px) { .page__list .page__item:nth-child(even) { padding-left: 30px; } }
.page__list .page__item .item__link { display: block; }
.page__list .page__item .item__link:hover .item__image .image { opacity: 0.5; }
.page__list .page__item .item__link:hover .item__text h3 { color: #F09483; }
.page__list .page__item .item__link:hover .item__text h3 span:after { width: 100%; }
.page__list .page__item .item__image { background-color: #000; margin-bottom: 25px; }
.page__list .page__item .item__image .image { padding-top: 75%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; }
.page__list .page__item .item__text h3 { font-family: "latolight", "sarabun_lightregular", "cordiadseregular", Helvetica, Arial, sans-serif; letter-spacing: 1px; color: #2D2D2D; }
@media (min-width: 992px) { .page__list .page__item .item__text h3 { font-size: 32px; }
  .page-th .page__list .page__item .item__text h3 { font-size: 26px; } }
.page__list .page__item .item__text h3 span { position: relative; display: inline-block; padding-bottom: 10px; }
.page__list .page__item .item__text h3 span:after { content: ''; background-color: #F09483; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; }

.section-consult { position: relative; }
@media (max-width: 767px) { .section-consult { background-color: #ACD0EC; } }
.section-consult .card-image { padding-top: 21.875%; background-position: left; background-size: cover; background-repeat: no-repeat; }
@media (max-width: 1180px) { .section-consult .card-image { padding-top: 40%; } }
@media (max-width: 1180px) and (min-width: 768px) { .section-consult .card-image { background-position: center; } }

@media (max-width: 767px) { .section-consult .card-image { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; } }
.section-consult .card-text { font-family: "latolight", "sarabun_lightregular", "cordiadseregular", Helvetica, Arial, sans-serif; font-size: 44px; color: #2D2D2D; letter-spacing: 1.38px; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; align-items: center; -webkit-align-items: center; }
@media (min-width: 768px) { .section-consult .card-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
@media (max-width: 767px) { .section-consult .card-text { position: relative; font-size: 24px; text-align: center; } }
.section-consult .card-text > div { max-width: 1220px; margin: auto; width: 100%; padding: 0 40px; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; align-items: center; -webkit-align-items: center; }
@media (max-width: 767px) { .section-consult .card-text > div { padding: 30px; justify-content: center; } }
.section-consult .card-text .card-detail { width: 100%; }
@media (min-width: 768px) { .section-consult .card-text .card-detail { max-width: 490px; } }
.section-consult .card-text .card-link a { min-width: 207px; }

.file__list { display: flex; display: -webkit-flex; margin-bottom: 50px; }
.file__list .file__item .file__link { display: block; text-align: center; border: 1px solid transparent; position: relative; padding: 20px; }
.file__list .file__item .file__link:before { background-image: linear-gradient(0deg, #EBF6FF 0%, #F1FBF0 98%); position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; 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; }
.file__list .file__item .file__link:hover { border-color: #709FC4; }
.file__list .file__item .file__link:hover:before { opacity: 0.9; }
.file__list .file__item .file__link:hover .thumbnail .link { opacity: 1; }
@media (min-width: 768px) { .file__list .file__item .thumbnail img { max-width: 400px; max-height: 400px; } }
.file__list .file__item .thumbnail .link { position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; 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; }
.file__list .file__item .title { font-size: 18px; text-align: center; margin-top: 20px; }

.card-content-list .card-item { margin-bottom: 50px; }
.card-content-list--anchor .card-item { margin-bottom: 100px; }
.card-content-list--anchor .link-top { margin-top: 40px; }
.card-content-list--anchor .link-top > a:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-color: #E2BB92; }
.card-content-list h2 { margin: 40px 0; }

@media (min-width: 768px) { .anchor-list ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media (min-width: 768px) { .anchor-list ul li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-width: 460px; padding-right: 40px; } }
.anchor-list ul li a { display: inline-block; position: relative; }
.anchor-list ul li a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background-color: #709FC4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; }
.anchor-list ul li a:hover { color: #709FC4; } 
.anchor-list ul li a:hover:after { width: 100%; }

@media (max-width: 575px) { .card-column-image-small .card-image img { max-width: 300px; display: block; margin: 0 auto 20px; } }

.page__list--icon { padding-top: 40px; }
.page__list--icon .image-icon { height: 90px; width: auto; margin-bottom: 20px; }

@media (max-width: 991px) { .treatments__menu { display: none; margin-top: 30px; padding-bottom: 30px; } }
.treatments__menu > li { background: #FFFBF9; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05); padding: 30px 38px; position: relative; margin-bottom: 20px; }
@media (max-width: 991px) { .treatments__menu > li { padding: 20px; margin-bottom: 10px; } }
.treatments__menu > li.active { border: 1px solid #F09483; }
.treatments__menu > li.has__sub .menu__top { position: relative; padding-right: 30px; }
.treatments__menu > li.has__sub .menu__top:after { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #F09483; content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 1279px) { .treatments__menu .menu__sub { padding: 30px 0; } }
.treatments__menu .menu__sub ul li { margin-bottom: 40px; }
@media (max-width: 991px) { .treatments__menu .menu__sub ul li { margin-bottom: 20px; } }
.treatments__menu .menu__sub ul li.active { font-family: "latobold", "sarabun_semiboldregular", "cordiadsebold", Helvetica, Arial, sans-serif; }
.treatments__menu .menu__sub ul li.active a { color: #F09483; }
.treatments__menu .menu__sub ul li:last-child { margin-bottom: 0; }

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