/* Style Font */
/* @import url(https://fonts.googleapis.com/css?family=Prompt&subset=thai,latin);
@import url(https://fonts.googleapis.com/css?family=Prompt|Trirong); */
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('../css/font.css');
body {
  font-family: 'Prompt', sans-serif;
  background-color: #fcfcfc;
  /* font-family: 'Sarabun', sans-serif; */
}

.card-vertical h3.jumbo{
height: 100% !important;
}

a {
  color: #000;
}

a:hover {
  text-decoration: none;
  color: #37b3ab;
}


@media (min-width: 1440px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1320px !important;
  }
}

div.container-fuid {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 992px){
  .container-fluid.px-40,.container-lg.px-40 {
    padding-left:60px;
    padding-right: 60px;
  }
  .container-fluid.px-60,.container-lg.px-60 {
    padding-left:60px;
    padding-right: 60px;
  }
}
mark {
  background-color: yellow;
  color: black;
  padding: unset;
}
/* .px-60{


} */
/* Banner */
    .banner-topic {
        width: 100%;
        min-height: 40px;
        padding: 5px 20px;
        display: flex!important;
        align-items: center!important;
        justify-content: center;
    }
    .banner-topic h4,
    .banner-topic h5{
        line-height: 34px;
        display: block;
        font-family: 'Prompt', sans-serif;
        margin: auto;
    }
    /* .banner-topic h4{font-size: 26px;} */
    /* .banner-topic h5{font-size: 24px;} */

    .banner-topic.font-22 h4{font-size: 22px;}

    .banner-img-doctor-group-left{
      width: 100%;
      height: 120px;
      background-color: #e1faf8;
      padding-left: 440px;
      background-image: url("../../image/group-30.png");
      background-repeat: no-repeat;
      font-size: 30px;
      color: #3986b3;
      font-weight: 500;
    }


.banner-topic h1{
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 400;
}
@media (max-width: 767px) {
    .banner-topic h1{
        font-size: 20px;
    }
}


    @media (max-width: 767px) {
      .banner-topic h4{font-size: 20px;}
      .banner-topic.h4{font-size: 20px;}
      .banner-topic {
        padding: 5px 14px;
      }

      .banner-img-doctor-group-left{
        background-image: url("../../image/img-doctor-majorsearch-small.png");
        padding-left: 120px;
        font-size: 24px;
        text-align: center;
      }
    }

    /*  */

/* End Banner */

/* Box Style */

    /* Box aboutus */
    .box-aboutus {
      font-family: 'Prompt', sans-serif;
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.1px;
      color: #000;
      font-weight: unset;
      /* margin-bottom: 50px; */
    }
    .box-aboutus .box-top-detail{
      padding-top: 20px;
      padding-bottom: 30px;
      margin-bottom: 10px;
      font-size: 18px;
      line-height: 28px;
    }

    .box-aboutus .box-top-detail .heightlight{
      color: #25938c;
    }

    .box-aboutus .box-detail .card-aboutus{
      margin-bottom: 40px;
      background-color: #fff0;
    }

    .box-aboutus .box-detail .card-aboutus .card-img{
      max-width: 420px;
      height: auto;
    }
    .box-aboutus .box-detail .card-aboutus .card-img img{
      width: 100%;
      height: auto;
    }
    .box-aboutus .box-detail .card-aboutus .card-detail{
      padding: 0px;
      padding-left: 20px;
    }
    .box-aboutus .box-detail .card-aboutus .card-detail .title{
      font-family: 'Prompt', sans-serif;
      font-size: 22px;
      line-height: 22px;
      color: #26938b;
      font-weight: 500;
      margin-bottom: 10px;
    }

    .box-aboutus .box-detail .card-aboutus .card-detail .detail{
      /* font-family: 'Prompt', sans-serif;
      font-size: 18px;
      line-height: 30px; */
      color: #333;
    }
    .box-aboutus .box-footer-detail{
      background-color: #f3fdfc;
      color: #519f99;
      font-size: 18px;
      font-family: 'Prompt', sans-serif;
      line-height: 28px;
      text-align: center;
      width: 100%;
      min-height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
    }



    @media (max-width: 991px) {
      .box-aboutus .box-top-detail{
        font-size: 16px;
        line-height: 26px;
      }
      .box-aboutus .box-detail .card-aboutus {
        margin-bottom: 30px;
      }

      .box-aboutus .box-detail .card-aboutus .card-img{
        max-width: unset;
        height: auto;
      }
      .box-aboutus .box-detail .card-aboutus .card-detail{
        padding: 0px;
        padding-left: unset;
        padding-top: 10px;
      }
      .box-aboutus .box-detail .card-aboutus .card-detail .title{
        font-size: 18px;
        line-height: 28px;
      }
      .box-aboutus .box-detail .card-aboutus .card-detail .detail{
        font-size: 16px;
        line-height: 26px;
      }
      .box-aboutus .box-footer-detail{
        font-size: 16px;
      }


    }
    /* End Box aboutus */

    /* Box Disease */
    .box-disease .form-search-disease .search-disease .select2-container--default {
      font-family: 'Sarabun', sans-serif;
      border: 2px solid #25938c;
      border-radius: 6px;
      width: 100%;
      font-size: 13.3333px;
      line-height: 26px;
      height: 50px;
      text-align: left;
      color: #000;
      padding: 0px 7px;
      display: table-cell;
      vertical-align: middle;

    }
    .box-disease .form-search-disease .search-disease input[type=text]::placeholder {text-align: left;color: #666;}
    .box-disease .form-search-disease .search-disease input[type=text]:focus-visible{outline: -webkit-focus-ring-color auto 0px;}
    .box-disease .form-search-disease .search-disease input[type=text]:focus {border-radius: 8px;}
    .box-disease .form-search-disease .select2-container--default input[type=search]{margin: 0;font-size: 1rem; text-indent: 2px; line-height:50px}
    .box-disease .form-search-disease .select2-container--default input[type=search]::placeholder{font-size: 13.3333px;  line-height:50px}
    .box-disease .form-search-disease .select2-container--default .select2-selection__choice{
      margin: 0;
    }
    .box-disease .form-search-disease .select2-container--default .select2-selection__choice .select2-selection__choice__display{
      padding: 0;
    }
    .box-disease .form-search-disease .search-disease .select2-container--default.select2-container--open{
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
    }
    .box-disease .form-search-disease .select2-container--default .select2-selection--multiple{
      background-color: unset !important;
      border: 0px solid #aaa !important;
      padding: 0px;
    }
    .box-disease .form-search-disease .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
      display: none;
    }
    .box-disease .form-search-disease .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #0000 !important;
      border: 0px solid #aaa !important;
      font-size: 1rem;
    }
    /* Select2 Search Disease */
    .select2-search-disease.select2-container--default .select2-results__option{
      font-family: 'Sarabun', sans-serif;
    }

    .box-disease .box-description{margin-top: 16px;background-color: #fff;border-radius: 6px; padding: 16px; padding-bottom: 70px; position: relative;border: 1px solid #ccc;}
    .box-disease .box-description a{color: #1700ee;text-decoration: underline;}
    .box-disease .box-description .btn-content-block-expand{
      position: absolute;
      width:36px;
      height: 36px;
      border-radius: 50%;
      background-color: #eee0;
      background-repeat: no-repeat;
      background-size: 24px;
      right: 16px;
    }
    .box-disease .box-description .btn-content-block-expand.block-open{
      background-image: url('../../image/icon/down-arrow-green.svg');
      background-position: left 50% top 6px;
    }
    .box-disease .box-description .btn-content-block-expand.block-close{
      background-image: url('../../image/icon/right-arrow-green.png');
      background-position: left 50% top 8px;
    }
    .box-disease .box-description .btn-open-sub-content{
      position: absolute;
      right: 16px;
      bottom: 16px;
      width: 60px;
      height: 40px;
      border: #26938b solid 1px;
      background-color: #fff0;
      font-size: 16px;
      line-height: 22px;
      text-align: center;
      border-radius: 6px;
      padding: 8px;
    }
    .box-disease .box-description .btn-open-sub-content a{
      text-decoration: none;
    }

    .box-disease #check-result-block .banner-text-sub-healthcheck{
      display: none !important;
    }
    .box-disease #check-result-block .box-description .box-content .detail{font-family: 'Sarabun', sans-serif;font-size: 16px;line-height: 28px;color: #333;}
    .box-disease #check-result-block .box-description .box-content .detail strong:first-child{color: #0c0d0d;font-weight: bold;}
    .box-disease #check-result-block .box-description .box-content .detail strong{color: #000000;font-weight: bold;}
    .box-disease #check-result-block .box-description .box-content .content_highlight {color: #2b75c1;font-weight: bold;}
    @media (max-width: 991px) {
      .box-disease #check-result-block .box-description .box-content .detail img {
        width: 100% !important;
        height: auto !important;
      }
    }

    .box-disease .box-description .btn-open-sub-content a.block-close:after,
    .box-disease .box-description .btn-open-sub-content div.block-close:after{
      content: "ขยาย";
      color: #25938c;
      width: 100%;
    }
    .box-disease .box-description .btn-open-sub-content a.block-open:after,
    .box-disease .box-description .btn-open-sub-content div.block-open:after{
      content: "ย่อ";
      color: #25938c;
      width: 100%;
    }
    .box-disease .box-description .box-content{color: #333;font-size: 16px; font-family: 'Sarabun', sans-serif;}
    .box-disease .box-description .box-content .title{
      font-size: 18px;
      font-family: 'Sarabun', sans-serif;
      font-weight: 500;
      color: #26938b;
      margin-bottom: 10px;
      line-height: 36px;
      padding-right: 40px;
    }
    .box-disease .box-description .box-content .detail{font-family: 'Sarabun', sans-serif;font-size: 16px;line-height: 28px;color: #333;}
    .box-disease .box-description .box-content .detail strong:first-child{color: #26938b;font-weight: normal;}
    .box-disease .box-description .box-content .detail strong{color: #26938b;font-weight: normal;}
    .box-disease .box-description .box-content .content_highlight {color: #2b75c1;font-weight: bold;}
    .box-disease .box-description .box-content .detail img{width: 60%;}

    .box-disease .box-description .box-sub-content{color: #333;font-size: 16px; font-family: 'Sarabun', sans-serif;}
    .box-disease .box-description .box-sub-content .sub-content-block-title{font-family: 'Sarabun', sans-serif;font-weight: bold; border-top-width: 0px !important;}
    .box-disease .box-description .box-sub-content b{font-family: 'Prompt', sans-serif;font-weight: bold;}
    .box-disease .box-description .box-sub-content img{width: 60%;}
    .box-disease .box-description .box-sub-content strong{font-family: 'Sarabun', sans-serif; font-weight: bold;color: #06a096;}
    .box-disease .box-description .box-sub-content .content_highlight {color: #2b75c1;font-weight: bold;}
    .box-disease .box-description .box-sub-content .sub-content-br {
      border-top: 2px solid #dee2e5;
      margin: 20px 0;
      position: relative;
    }
    .box-disease .box-description .box-sub-content .sub-content-br::after{
      content: '';
      display: block;
      width: 300px;
      height: 6px;
      background-color: #37b3ab;
      position: absolute;
      top: -4px;
    }
    .box-disease .sub-content-block{
      margin-bottom: 20px;
    }

    @media (max-width: 991px) {
      .box-disease .box-description .box-sub-content img{width: 100% !important; height: auto !important;}
    }


    /* End Box Disease */



    /* Box Doctor Search */
    .box-doctor-sub-major-tag-search {
      font-family: 'Prompt', sans-serif;
      background-color: #f0fefe;
      /* border: solid thin #95ceca; */
      padding: 10px 20px;
    }
    .box-doctor-sub-major-tag-search .box-title {
      font-weight: 500;
      font-size: 18px;
      color: #25938c;
    }
    .box-doctor-sub-major-tag-search .box-detail a {
      color: #37b3ab;
      display: inline-flex;;
      width: auto;
      font-size: 16px;
      height: auto;
      padding: 4px 10px;
      text-align: left;
    }
    .box-doctor-sub-major-tag-search .box-detail a:hover {background-color: #e1faf8;border-radius: 16px;}
    .box-doctor-sub-major-tag-search .box-detail a.active {color: #fff;background-color: #37b3ab;border-radius: 16px;}
    /* End Box Doctor Search */


    .box-doctor-search{
      padding: 0 50px;
    }
    .box-doctor-search .top-detail{
      font-size: 18px;
    }

    .box-doctor-search .box-form-doctor-search{
      padding: 20px 100px;
      border-radius: 10px;
      background-color: #f1f1f1;
    }
    .box-doctor-search .box-form-doctor-search label{color: #333; font-size: 18px;}
    .box-doctor-search .box-form-doctor-search .select2-selection--multiple{
      border:#3a86b3 solid 1px; border-radius: 6px;
      position: relative;
    }
    .box-doctor-search .box-form-doctor-search .select2-selection--multiple::after{
      content: "";
      position: absolute;
      right: 0;
      height: 24px;
      width: 24px;
      margin: 13px;
      background-image: url("../../image/icon/chevron-down-black.svg");
      background-size: 100%;
    }
    .box-doctor-search .box-form-doctor-search .select2-search__field{color: #3a86b3; font-size: 18px;}
    .box-doctor-search .box-form-doctor-search .select2-search__field::placeholder{color: #3a86b3; font-size: 18px;}

    @media (max-width: 991px) {
      .box-doctor-search{
        padding: 0;
      }
      .box-doctor-search .top-detail{
        font-size: 14px;
      }
      .box-doctor-search .box-form-doctor-search{
        padding: 20px;
        border-radius: 0px;
      }
    }


    /* Box HealthCheck */
    .box-healthcheck{padding-top: 40px;}
    .box-healthcheck .form-search-disease{margin-bottom: 10px;}
    .box-healthcheck .form-search-disease .form-control:focus {
      color: #000;
      background-color: #fff;
      border: solid #005fcc px;
      box-shadow: unset;
    }
    .box-healthcheck .form-search-disease .link-desease-list{
      font-family: 'Sarabun', sans-serif;
      color: #333;
      font-size: 14px;
      line-height: 22px;
    }
    .box-healthcheck .form-search-disease .link-desease-list b{font-weight: bold;}
    .box-healthcheck .form-search-disease .link-desease-list a.hover{color: #3986b3; cursor: pointer;}
    .box-healthcheck .form-search-disease .search-disease{position: relative;}
    .box-healthcheck .form-search-disease .search-disease .select2-container--default {
      font-family: 'Sarabun', sans-serif;
      border: 2px solid #25938c;
      border-radius: 6px;
      width: 100%;
      font-size: 13.3333px;
      line-height: 26px;
      height: 50px;
      text-align: left;
      color: #000;
      padding: 0px 7px;
      display: table-cell;
      vertical-align: middle;

    }
    .box-healthcheck .form-search-disease .search-disease input[type=text]::placeholder {text-align: left;color: #666;}
    .box-healthcheck .form-search-disease .search-disease input[type=text]:focus-visible{outline: -webkit-focus-ring-color auto 0px; }
    .box-healthcheck .form-search-disease .search-disease input[type=text]:focus {border-radius: 8px;}
    .box-healthcheck .form-search-disease .select2-container--default input[type=search]{margin: 0;font-size: 1rem; text-indent: 2px;line-height: 50px;}
    .box-healthcheck .form-search-disease .select2-container--default input[type=search]::placeholder{font-size: 13.3333px; line-height: 50px;}
    .box-healthcheck .form-search-disease .select2-container--default .select2-selection__choice{
      margin: 0;
    }
    .box-healthcheck .form-search-disease .select2-container--default .select2-selection__choice .select2-selection__choice__display{
      padding: 0;
    }
    .box-healthcheck .form-search-disease .search-disease .select2-container--default.select2-container--open{
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
    }
    .box-healthcheck .form-search-disease .select2-container--default .select2-selection--multiple{
      background-color: unset !important;
      border: 0px solid #aaa !important;
      padding: 0px;
    }
    .box-healthcheck .form-search-disease .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
      display: none;
    }
    .box-healthcheck .form-search-disease .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #0000 !important;
      border: 0px solid #aaa !important;
      font-size: 1rem;
    }
    /* Select2 Search Disease */
    .select2-search-disease.select2-container--default .select2-results__option{
      font-family: 'Sarabun', sans-serif;
    }


    .box-list-thaichar{
      margin-bottom: 10px;
    }
    .box-list-thaichar .title{
      font-size: 22px;
      font-weight: normal;
      font-family: 'Prompt', sans-serif;
      color: #666;
    }
    .box-list-thaichar .list-thaichar{margin-bottom: 10px;}
    .box-list-thaichar .list-thaichar ol{padding-left: 0px; margin-bottom: 0px;}
    .box-list-thaichar .list-thaichar ol li {
      display: inline-flex;
      margin-bottom: 16px;
      /* margin-right: 7px; */
      /* width: 32px;
      height: 32px; */
    }
    .box-list-thaichar .list-thaichar ol li:last-child {
      width: auto;
    }

    .box-list-thaichar .list-thaichar ol li a:hover,
    .box-list-thaichar .list-thaichar ol li.current a {
      background-color: #155c86;
      color: #fff;
      border-color: #003b67;
    }

    .box-list-thaichar .list-thaichar ol li a {
      display: block;
      min-width: 32px;
      border-radius: 6px;
      height: 32px;
      font-family: 'Sarabun', sans-serif;
      color: #3a86b3;
      background-color: #eeeeee;
      border: 1px solid #e5e5e5;
      padding: 0;
      text-align: center;
      line-height: 30px;
      font-size: 16px;
      cursor: pointer;
    }
    .box-list-thaichar .list-thaichar ol li:last-child a {padding: 0 16px;}

    .box-healthcheck .box-tab-list-thaichar .topic-char {
      font-family: 'Sarabun', sans-serif;
      width: 100%;
      height: 40px;
      padding-left: 16px;
      border-left: 6px solid #3a86b3;
      color: #3a86b3;
      background-color: #f1f5f8;
      line-height: 40px;
      font-size: 16px;
    }
    .box-healthcheck .box-tab-list-thaichar .list-disease{padding: 22px 6px 0px;}
    .box-healthcheck .box-tab-list-thaichar .list-disease a{
      font-family: 'Sarabun', sans-serif;
      font-size: 14px;
      color: #333;
      line-height: 24px;
    }
    .box-healthcheck .box-tab-list-thaichar .list-disease a:hover{
      cursor: pointer;
      color: #3a86b3;
    }


    .box-healthcheck-step2 .box-top-description{
      font-family: 'Sarabun', sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: #333;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .box-healthcheck-step2 .box-top-description .short-description{margin-bottom: 20px;}
    .box-healthcheck-step2 .box-top-description .box-list-description a{
      color: #1700ee;
      text-decoration: underline;
    }
      .box-healthcheck-step2 .box-top-description .box-list-description .list-description{
      margin-bottom: 10px;
      /* display: block;
      padding-left: 132px;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone; */
    }
    .box-healthcheck-step2 .box-top-description .box-list-description .list-description:last-child{margin-bottom: 20px;}
    .box-healthcheck-step2 .box-top-description .box-list-description .list-description strong{
      color: #26938b;
      font-weight: 500;
      /* min-width: 116px;
      display: inline-flex;
      position: relative;
      margin-left: -132px; */
      margin-right: 10px;
    }
    .box-healthcheck-step2 .box-top-description .box-list-description .list-description strong::after{
      /* content: ':'; */
      /* position: absolute; */
      /* right: 0; */
    }
    .box-healthcheck-step2 .box-top-description .short-description a,
    .box-healthcheck-step2 .box-top-description .box-list-description .list-description a{
      color: #1700ee;
      text-decoration: underline;
    }
    .box-healthcheck-step2 .box-top-description .box-list-description .list-description a:hover{
      cursor: pointer;
    }
    .box-healthcheck-step2 .arrow-to-step2{
      width: 44px;
      height: 50px;
      margin: auto;
    }
    .box-healthcheck-step2 .arrow-to-step2 img{
      width: 100%;
      height: 100%;
      -webkit-filter: drop-shadow(2px 2px 1px #519f9966);
      filter: drop-shadow(2px 2px 1px #519f9966);
    }

    .box-healthcheck-step2 .box-list-check{
      padding-top: 6px;
      padding-bottom: 6px;
    }
    /* List Heath Check */
    .box-healthcheck-step2 .box-list-check ul#check-block {
      margin: 0px;
      padding: 0px;
    }
    .box-healthcheck-step2 .box-list-check ul#check-block li.list-block {
      display: block;
      background-color: #FFF;
      margin-bottom: 10px;
      border: 1px solid #ccc;
      border-radius: 6px;
    }
    .box-healthcheck-step2 .box-list-check .card{
      padding:10px 40px;
    }
    .box-healthcheck-step2 .box-list-check .card .card-body{
      padding: 0;
      padding-top: 8px;
      padding-bottom: 8px;
    }
    .box-healthcheck-step2 .box-list-check .card .card-body .block-link{
      padding-left: 15px;
    }
    .box-healthcheck-step2 .box-list-check .card .card-body .block-link ul.symptom-list{
      margin-top: 10px;
    }
    .box-healthcheck-step2 .box-list-check .card .card-body .block-link ul.symptom-list li a{
      width: 100%;
      min-height: 50px;
      display: block;
      padding:13px 10px 13px 50px;
      margin-bottom: 4px;
      background-color: #e6ecec;
      background-image: url('../../image/icon/circle-yes-gray-light.svg');
      background-position: left 10px top 50%;
      background-repeat: no-repeat;
      background-size: 20px;
      font-family: 'Sarabun', sans-serif;
      color: #000;
      font-size: 16px;
      line-height: 24px;
      font-weight: bold;
    }

    .box-healthcheck-step2 .box-list-check .card .card-body .block-link ul.symptom-list li a:hover,
    .box-healthcheck-step2 .box-list-check .card .card-body .block-link ul.symptom-list li a.current{
      background-color:#07a5ae;
      background-image: url('../../image/icon/circle-yes-white.svg');
      cursor: pointer;
    }

    .box-healthcheck-step2 .box-list-check .card .card-body .block-link ul.symptom-list li:hover a,
    .box-healthcheck-step2 .box-list-check .card .card-body .block-link ul.symptom-list li a.current{
      color: #fff;
    }


    .box-healthcheck-step2 .box-list-check .card .card-body .check-text{
      display: flex;
      flex-direction: row;
      /* margin-bottom: 30px; */
      font-family: 'Sarabun', sans-serif;
    }
    .box-healthcheck-step2 .box-list-check .card .card-body .check-name{
      font-size: 16px;
      line-height: 24px;
      color: #000;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      padding-right: 20px;
    }
    .box-healthcheck-step2 .box-list-check .card .card-body .check-name strong{
      color: #000;
      font-weight: bolder;
    }
    .box-healthcheck-step2 .box-list-check .card .card-body .check-name ul{
      list-style-type: disc;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      padding-inline-start: 0;
      margin-left: 20px;
      margin-top: 10px;
    }
    .box-healthcheck-step2 .box-list-check .card .card-body .check-name ul li::marker{
      font-size: 16px;
    }

    .box-healthcheck-step2 .box-list-check .card .card-body .check-number{
      margin-right: 8px;
      color:#06a096;
      font-size: 16px;
      line-height: 24px;
      width: auto;
      display: inline-flex;
    }

    .box-healthcheck-step2 .box-list-check .card .card-body .check-picture{
      width:65%;
      height: auto;
      margin: auto;
      margin-top: 30px;
      margin-bottom: 30px;
    }
    .box-healthcheck-step2 .box-list-check .card .card-body .check-picture img{
      width: 100%;
      height: auto;
      margin-bottom: 20px;
    }
    .box-healthcheck-step2 .box-list-check .card .card-footer{
      border-width: 0px;
      background-color: #fff0;
      width: 200px;
      padding: 0;
    }
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check{
      width: 230px;
      display: inline-flex;
    }
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision{
      min-width: 110px;
      height: 56px;
      background-color: #eee;
      color:#333;
      font-family: 'Sarabun', sans-serif;
      font-size: 20px;
      line-height: 32px;
      padding: 10px 0;
      padding-left: 28px;
      border-radius: 6px;
      background-position: left 10px top 50%;
      background-repeat: no-repeat;
      background-size: 20px;
      display: block;
    }
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.active{background-color:#7accc8;color:#fff;}
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision:hover{
      background-color:#26938b;
      color:#fff;
      box-shadow: 0px 1px 6px 0px #00000066;
    }
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.n{background-image: url('../../image/icon/circle-no-gray.svg');}
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.n::before{content: 'ไม่ใช่';}
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.n.active,
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.n:hover{
      background-image: url('../../image/icon/circle-no-white.svg');
    }
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.y{background-image: url('../../image/icon/circle-yes-gray.svg');}
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.y::before{content: 'ใช่';}
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.y.active,
    .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.y:hover{
      background-image: url('../../image/icon/circle-yes-white.svg');
    }
    .box-healthcheck-step2 .box-list-check .card .card-footer a.decision.y.active {
      background-color: #07a5ae;
      background-image: url(../../image/icon/btn-yes-active.png);
    }
    .box-healthcheck-step2 .box-list-check .card .card-footer a.decision.n.active {
      background-color: #07a5ae;
      background-image: url(../../image/icon/btn-no-active.png);
    }

    .box-healthcheck-step2 .block-link .hide{
      display: none;
    }




    .box-healthcheck-result .box-top-description {padding-top: 15px;padding-bottom: 15px;}
    .box-healthcheck-result .box-top-description .box-goto-doctor{font-family: 'Sarabun', sans-serif; font-size: 18px; margin-bottom: 14px;}
    .box-healthcheck-result .box-top-description .box-goto-doctor ul{margin-top: 14px; margin-bottom: 14px;}
    .box-healthcheck-result .box-top-description .box-goto-doctor img{width: 30px !important; height: 30px !important;}
    .box-healthcheck-result .box-top-description .box-sub-goto-doctor{font-family: 'Sarabun', sans-serif;color: #000 !important; font-size: 16px; margin-bottom: 30px;}
    /* .box-healthcheck-result .box-top-description .box-sub-goto-doctor img{width: 30px !important; height: 30px !important;} */
    .box-healthcheck-result .box-top-description .box-goto-doctor .box-image,
    .box-healthcheck-result .box-top-description .box-sub-goto-doctor .box-image{
      width: 40px;height: 40px;padding-top: 6px;
    }
    .box-healthcheck-result .box-top-description .box-goto-doctor img.img_redc,
    .box-healthcheck-result .box-top-description .box-sub-goto-doctor img.img_redc{
      width: 30px;
      height: 30px;
      margin-right: 5px;
    }

    .box-healthcheck-result .box-top-description .box-goto-doctor .box-text{font-family: 'Sarabun', sans-serif; padding-left: 16px; margin-bottom: 30px;}
    .box-healthcheck-result .box-top-description .box-goto-doctor span:first-of-type strong:first-of-type{font-size: 20px;color: #06a096;}
    .box-healthcheck-result .box-top-description .box-goto-doctor strong{font-size: 18px;color: #000;}
    .box-healthcheck-result .box-top-description .box-goto-doctor a{color: #005be3; text-decoration: underline;}

    .box-healthcheck-result .box-top-description .box-sub-goto-doctor strong{font-size: 16px; color: #000;}
    .box-healthcheck-result .box-top-description .box-sub-goto-doctor a{color: #005be3; text-decoration: underline;}
    .box-healthcheck-result .box-top-description .box-goto-doctor .box-text .detail{font-size: 18px; color:#000}
    .box-healthcheck-result .box-top-description .box-notation{margin-bottom: 16px; padding-left: 0px; color: #06a096;font-size: 16px;font-family: 'Sarabun', sans-serif;}
    .box-healthcheck-result .box-top-description .box-notation .title{font-weight: bold;}
    .box-healthcheck-result .box-top-description .box-notation .detail{font-family: 'Sarabun', sans-serif;}
    .box-healthcheck-result .box-top-description .box-group-social{padding-left: 0px;}

    .box-healthcheck-result .box-top-description .box-goto-doctor,
    .box-healthcheck-result .box-top-description .box-sub-goto-doctor,
    .box-healthcheck-result .box-top-description .box-notation,
    .box-healthcheck-result .box-top-description .box-group-social{
      padding-left: 40px;
      padding-right: 40px;
    }


    .box-healthcheck-result .box-description{margin-top: 16px;background-color: #fff;border-radius: 6px; padding: 16px; padding-bottom: 70px; position: relative;border: 1px solid #ccc;}
    .box-healthcheck-result .box-description a{color: #000;text-decoration: underline;}
    .box-healthcheck-result .box-description .btn-content-block-expand{
      position: absolute;
      width:36px;
      height: 36px;
      border-radius: 50%;
      background-color: #eeeeee;
      background-repeat: no-repeat;
      background-size: 24px;
      right: 16px;
    }
    .box-healthcheck-result .box-description .btn-content-block-expand.block-open{
      background-image: url('../../image/icon/upper-arrow-green.svg');
      background-position: left 50% top 7px;
    }
    .box-healthcheck-result .box-description .btn-content-block-expand.block-close{
      background-image: url('../../image/icon/down-arrow-green.svg');
      background-position: left 50% top 7px;
    }
    .box-healthcheck-result .box-description .btn-open-sub-content{
      position: absolute;
      right: 16px;
      bottom: 16px;
      width: 60px;
      height: 40px;
      border: #26938b solid 1px;
      background-color: #fff0;
      font-size: 16px;
      line-height: 22px;
      text-align: center;
      border-radius: 6px;
      padding: 8px;
    }



    .box-healthcheck-result .box-description .btn-open-sub-content a{
      text-decoration: none;
    }

    .box-healthcheck-result .box-description .btn-open-sub-content .block-close:after{
      content: "ขยาย";
      color: #25938c;
      width: 100%;
    }
    .box-healthcheck-result .box-description .btn-open-sub-content .block-open:after{
      content: "ย่อ";
      color: #25938c;
      width: 100%;
    }
    .box-healthcheck-result .box-description .box-content .title{
      font-size: 18px;
      font-family: 'Sarabun', sans-serif;
      font-weight: 500;
      color: #26938b;
      margin-bottom: 10px;
      line-height: 36px;
      padding-right: 40px;
    }
    .box-healthcheck-result .box-description .box-content .detail,
    .box-healthcheck-result .box-description .box-content .detail p{font-family: 'Sarabun', sans-serif;font-size: 16px;line-height: 28px;color: #000; margin-bottom: 0;}

    /* .box-healthcheck-result .box-description .box-content .detail b:first-child,
    .box-healthcheck-result .box-description .box-content .detail strong:first-child{color: #26938b;font-weight: normal;} */
    .box-healthcheck-result .box-description .box-content .detail b,
    .box-healthcheck-result .box-description .box-content .detail strong{font-weight: bold; color: #000;}

    .box-healthcheck-result .box-description .box-content .content_highlight {color: #2b75c1;font-weight: bold;}
    .box-healthcheck-result .box-description .box-content .detail img{width: 60%;}

    .box-healthcheck-result .box-description .box-sub-content p,
    .box-healthcheck-result .box-description .box-sub-content{color: #000;font-size: 16px; font-family: 'Sarabun', sans-serif; margin-bottom: 0;}
    .box-healthcheck-result .box-description .box-sub-content .sub-content-block-title{font-family: 'Sarabun', sans-serif;font-weight: bold; border-top-width: 0px !important;}
    .box-healthcheck-result .box-description .box-sub-content b,
    .box-healthcheck-result .box-description .box-sub-content strong{font-family: 'Sarabun', sans-serif;font-weight: bold;color: #000;}
    .box-healthcheck-result .box-description .box-sub-content img{width: 60%;}
    .box-healthcheck-result .box-description .box-sub-content .content_highlight {color: #2b75c1;font-weight: bold;}
    .box-healthcheck-result .box-description .box-sub-content .sub-content-br {
      border-top: 1px solid #dee2e5;
      margin: 20px 0;
      position: relative;
    }
    .box-healthcheck-result .box-description .box-sub-content .sub-content-br::after{
      content: '';
      display: block;
      width: 300px;
      height: 5px;
      background-color: #37b3ab;
      position: absolute;
      top: -3px;
    }


    /* .content-block-expand {
      width: 20px;
      float: right;
      height: 22px;
      background-image: url("../../image/icon/icon-collapse.png");
      background-repeat: no-repeat;
      background-size: 20px;
    } */
    .box-healthcheck-result .box-description .box-content p,
    .box-healthcheck-result .box-description .box-sub-content p{text-indent: 0;}


    .box-healthcheck-result .box-content .sub-content-block .sub-content-block-title {
      color: #000;
      min-width: 20%;
      display: inline-block;
      padding-top: 10px;
      margin: -4px 0 10px 0;
      font-weight: bold;
      /* font-size: 1em; */
    }

    .box-healthcheck-result br {
      line-height: 16px;
      display: block;
      font-size: 16px;
      margin-bottom: 12px;
      content: " ";
    }

    .box-healthcheck-result div strong {
      color: #06a096;
    }



    .box-healthcheck-result .description {
      padding: 30px;
      line-height: 1.4em;
      border: thin solid #ccc;
    }

    .box-healthcheck-result .result .disease {
      font-size: 1.1em;
      color: #000;
      margin-bottom: 0px;
      line-height: 1.8em;
    }

    .box-healthcheck-result .result .disease strong {
      color: #000;
    }



    .box-healthcheck-result .box-content .content-block .content-block-title {
      color: #349187;
      font-size: 1.1em;
      float: left;
      margin-bottom: 10px;
      font-weight: bold;
    }

    .box-healthcheck-result .disease{
      /* font-size: .9em; */
      line-height: 1.4em;
      color: #868686;
      clear: both;
    }

        /* .img_redc {
          width: 30px;
          margin-right: 5px;
        } */




        /* End Page Health Check */

    @media (max-width: 991px) {
      .box-healthcheck{
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 0px;
      }
      .box-healthcheck .form-search-disease{
        /* margin-bottom: 30px; */
      }
      .box-healthcheck .form-search-disease .search-disease input[type=text] {
        margin-bottom: 5px;
      }
      .box-healthcheck .box-list-thaichar .title{
        font-size: 18px;
        margin-bottom: 10px;
      }







      .box-healthcheck-step2 .box-top-description .box-list-description .list-description{
        display: block;
        padding-left: 0px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
      }
      .box-healthcheck-step2 .box-top-description .box-list-description .list-description strong{
        width: 116px;
        display: block;
        position: relative;
        margin-left: 0px;
      }
      .box-healthcheck-step2 .box-top-description .box-list-description .list-description strong::after{
        position: unset;
        margin-left: 3px;
      }

      .box-healthcheck-result .box-top-description .box-goto-doctor,
      .box-healthcheck-result .box-top-description .box-sub-goto-doctor,
      .box-healthcheck-result .box-top-description .box-notation,
      .box-healthcheck-result .box-top-description .box-group-social {
        padding-left: 0;
        padding-right: 0;
      }
      .box-healthcheck-result .box-description .box-content .detail img,
      .box-healthcheck-result .box-description .box-sub-content img{
        width:100%!important;
        height: auto !important;
      }

    }

    @media (max-width: 767px) {

      .box-healthcheck-step2 .box-list-check .card{padding:10px;}
      .box-healthcheck-step2 .box-list-check .card .card-body {padding-top: 0;}
      .box-healthcheck-step2 .box-list-check .card .card-body .check-text{
        margin-bottom: 0;
      }
      .box-healthcheck-step2 .box-list-check .card .card-footer{
        padding-left: 16px;
        padding-right: 16px;
        width: unset;
      }
      .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check{
        width: auto;
      }
      .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision{
        min-width: unset;
        height: 60px;
        line-height: 40px;
        width: 100%;
        text-align: center;
        margin-left: 4px;
        margin-right: 4px;
        font-size: 18px;
      }
      .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.n{
        padding-left: 30px;
        background-position: left calc(45% - 10px) top 50%;
      }
      .box-healthcheck-step2 .box-list-check .card .card-footer .box-btn-check .btn.decision.y{
        padding-left: 30px;
        background-position: left calc(45% - 10px) top 50%;
      }
      .box-healthcheck-step2 .box-list-check .card .card-body .block-link ul.symptom-list li a{
        font-size: 16px;
        line-height: 22px;
      }
      .box-healthcheck-step2 .box-list-check .card .card-body .check-name {
        font-size: 16px;
        line-height: 22px;
      }
      .box-healthcheck-result .box-description .box-sub-content .sub-content-br::after{
        width: 25%;
        min-width: 100px;
      }
    }

    /* End Box HealthCheck */



    .box-list-desease{
      padding: 20px 40px;
    }
    .box-link-desease-list{
      padding: 14px 36px;
    }
    .box-link-desease-list.active{
      background-color: #f3fbff;
    }


    .box-login{padding-top: 10px;}
    .box-login .box-title{font-size: 16px;color:#26938b;line-height: 24px; text-align: center;}
    .box-login .box-form-login .box-btn-login{
      max-width: 320px;
      margin: auto;
      font-family: 'Prompt', sans-serif;
    }
    .box-login .box-input-login .box-input{
      padding: 30px;
      margin: auto;
      max-width: 450px;
      box-shadow: 0 1px 6px 0px #00000040;
    }

    .box-login .box-form-login .btn-login{
      text-align: center;
      font-size: 16px;
      width: 100%; height: 45px;
      border-radius: 30px;
      color:#fff;
      line-height: 16px;
      padding-top: 14px;
      padding-bottom: 12px;
      margin: auto;
      margin-bottom: 20px;
    }
    .box-login .box-form-login .btn-login:hover{box-shadow: 2px 2px 6px 0px #0003;}
    .box-login .box-form-login .btn-login.btn-mail,
    .box-login .box-form-login .btn-login.btn-google,
    .box-login .box-form-login .btn-login.btn-facebook{
      text-align: left;
      padding-left: 46px;background-position: 2px center;background-repeat: no-repeat;
      max-width: 290px;
    }
    .box-login .box-form-login .btn-login.btn-google span,
    .box-login .box-form-login .btn-login.btn-mail span,
    .box-login .box-form-login .btn-login.btn-facebook span{
      padding-left: 17px;
    }
    .box-login .box-form-login .btn-login.btn-facebook{background-color:#1877f2; background-image: url('../../image/icon/circle-facebook-white.svg');background-size: 41px;}
    .box-login .box-form-login .btn-login.btn-google{background-color:#dc4e41; background-image: url('../../image/icon/circle-google-white.svg');background-size: 41px;}
    .box-login .box-form-login .btn-login.btn-mail{background-color:#bbc0c3;position: relative;}
    .box-login .box-form-login .btn-login.btn-mail::after{
      content: '';
      display: block;
      width: 41px;
      height: 41px;
      border-radius: 50%;
      background-image: url('../../image/icon/envelope-white.svg');
      background-color: #838d8f;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 26px;
      position: absolute;
      top: 2px;
      left: 2px;
    }
    .box-login .box-form-login .btn-login.btn-email{background-color:#0971bd; border: unset; margin-bottom: 0px;  max-width: 290px;}
    .box-login .box-form-login .btn-login.btn-register{background-color:#37b3ab; border: unset; margin-bottom: 0px;}

    .box-login .box-form-login .box-title{font-size: 16px;color:#000;line-height: 24px; text-align: center; margin-bottom: 20px; margin-top: 30px;}
    .box-login .box-form-login .box-title.txt-forget-pass a{font-size:16px;color:#1877f2;line-height: 24px; text-align: center; margin-bottom: 20px; text-decoration: underline;}
    .box-login .box-form-login .box-input-login{padding: 30px 10px 0;}
    .box-login .box-form-login .box-btn-login{padding: 30px 10px 0;}

    .box-login .box-form-login .box-input-login .box-input{border-bottom: #cccccc 1px solid;}
    .box-login .box-form-login .box-input-login .box-input .form-group{margin-bottom: 20px;}
    .box-login .box-form-login .box-input-login .box-input .form-group label{color: #333; font-size: 16px; margin-left: 10px;}
    .box-login .box-form-login .box-input-login .box-input .form-group input{
      width: 100%; height: 45px;
      border-radius: 36px;
      border: #d8d8d8 1px solid;
      padding: 14px 16px 12px;}
    .box-login .box-form-login .box-input-login .box-input .form-group input::placeholder{font-size: 16px; color: #9a9a9a; font-weight: normal;}


    .popup_login{
      max-width: 400px;
    }
    .popup_login .box-login .box-form-login .box-input-login {
      padding: 30px 10px;
    }
    .popup_login .box-login .box-form-login .box-input-login .box-btn-login {
      padding: 0;
    }
    .popup_login .box-login .box-form-login .box-input-login .box-btn-login .box-title{
      font-family: 'Prompt', sans-serif;
      font-size: 24px;
      font-weight: 400;
      color:#37b3ab;
      margin-top: 10px;
      margin-bottom: 30px;
    }
    .popup_login .box-login .box-form-login .box-input-login .box-btn-login.box-footer .box-title{
      font-size: 16px;
      font-family: 'Sarabun', sans-serif;
      color: #333;
      margin-bottom: 10px;
    }


    .popup_login .box-login .box-form-login button.close{
      font-family: 'Prompt', sans-serif;
      font-size: 40px;
      font-weight: 200;
    }




    .box-group-line div{
      border-right: 1px #666 solid;
    }
    .box-group-line div:last-child{
      border-right: 0px #666 solid;
    }


    /* Box Major Search List */

    .box-major-search-list{}
    .box-major-search-list .card-collapse-major{border-radius: 0;}
    .box-major-search-list .card-collapse-major .card-header{
      padding: 0; margin: 0;
      border-bottom-width:0px;
      min-height: 50px; background-color: #dcf0fb;
      border-radius: 0;
    }
    .box-major-search-list .card-collapse-major .card-header .btn-collapse-major{
      padding: 10px 20px; color: #3a86b3;
      font-size: 22px; font-weight: 500;
      line-height: 28px; min-height: 50px;
      position: relative; text-decoration: unset;
      padding-right: 40px;
    }
    .box-major-search-list .card-collapse-major .card-header .btn-collapse-major:focus{box-shadow:unset;}
    .box-major-search-list .card-collapse-major .card-header .btn-collapse-major:hover{text-decoration: unset; color: #3a86b3;}
    .box-major-search-list .card-collapse-major .card-header .btn-collapse-major:after,
    .box-major-search-list .card-collapse-major .card-header .btn-collapse-major[aria-expanded="false"]:after{
      content: "";
      height: 24px;
      width: 24px;
      position: absolute;
      top:0;
      right: 0;
      margin: 13px 15px 0 0;
      background-image: url("../../image/icon/chevron-double-down.svg");
    }
    .box-major-search-list .card-collapse-major .card-header .btn-collapse-major[aria-expanded="true"]:after{
      background-image: url("../../image/icon/chevron-double-up.svg");
    }
    .box-major-search-list .card-collapse-major .card-body{background-color: #f9f9f9; padding: 20px 78px; border-bottom:solid #00000019 1px;}
    .box-major-search-list .card-collapse-major .card-body .link-majot-list{
      font-family: 'Sarabun', sans-serif; font-size: 16px;
      line-height: 24px; text-decoration: unset;
      color: #000;
    }

    @media (max-width: 991px) {
      .box-major-search-list .card-collapse-major .card-body{padding: 20px;}
    }
    @media (max-width: 767px) {

      .box-major-search-list .card-collapse-major .card-header .btn-collapse-major{
        font-size: 18px;
      }
    }




    .box-popup{
      max-width: 460px;
      min-height: 220px;
      padding: 20px;
      text-align: center;
      box-shadow: 0px 4px 4px 0px #00000040;
      border-radius: 10px;
    }
    .box-popup .box-title{
      font-family: 'Prompt', sans-serif;
      font-size: 22px;
      font-weight: 500;
      margin-bottom:16px;
    }
    .box-popup .box-detail{
      font-family: 'Sarabun', sans-serif;
      font-size: 16px;
      line-height: 34px;
      color: #333;
      margin-bottom: 23px;
    }
    .box-popup .box-btn{
      text-align: center;
      font-size: 1em;
    }

    .box-popup .box-btn .btn-read-more{
      color: #fff;
      background-color: #3a86b3;
      border-radius: 36px;
      height: 40px;
      width: 140px;
      border-width: 0px;
    }


    .box-promotion-list .card {
      font-family: 'Prompt',sans-serif;
      width: 100%;
      border-radius: 6px;
      background-color: #fff;
      box-shadow: 0 4px 20px 0 #a0acca4f;
    }
    .box-promotion-list .card:hover{box-shadow: 0 4px 20px 0 #a0accacc;}


    .box-promotion-list .card .card-body {
      min-height: 240px;
      padding: 15px;
      color: #89bfc3;
    }

    .box-promotion-list .card .card-body .card-title{
      line-height: 35px;
      font-size: 22px;
      /* font-family: 'Prompt-Medium'; */
      /* font-family: 'Prompt',sans-serif; */
      font-family: 'Prompt', sans-serif;
      color: #515151;
      font-weight: 500;
    }

    .box-promotion-list .card .card-body .card-detail {
      line-height: 24px;
      color: #26938b;
    }
    .box-promotion-list .card .card-body .card-detail .name{
      /* font-family: 'Prompt-Bold'; */
      font-family: 'Prompt', sans-serif;
      /* font-family: 'Prompt',sans-serif; */
      font-weight: bold;
      font-size: 18px;
    }

    .box-promotion-list .card .card-body .card-detail .department{
      font-family: 'Sarabun', sans-serif;
      font-size: 18px;
    }
    .box-promotion-list .card .card-body .card-detail .due-date {
      font-family: 'Prompt',sans-serif;
      font-size: 16px;
    }

    .box-promotion-list .card .card-footer {
      font-family: 'Prompt', sans-serif;
      height: 52px;
      width: 98%;
      color: #26938b;
      padding: unset;
      font-size: 24px;
      font-weight: bold;
      line-height: 36px;
      background-color: unset;
      border-top:1px solid #c4c4c4;
      padding: 15px;
      margin: auto;
    }

    .box-promotion-list .card .card-footer .text-price {
      font-size: 26px;
      text-align: right;
    }

    .box-register{padding-top: 10px;}
    .box-register .box-title{font-size: 16px;color:#26938b;line-height: 24px; text-align: center;}
    .box-register .box-form-register{max-width: 320px;margin: auto;font-family: 'Prompt', sans-serif;}
    .box-register .box-form-register .box-btn-register{
      padding: 30px 10px 0px;
      border-bottom: #cccccc 1px solid;
    }
    .box-register .box-form-register .btn-register{
      width: 100%; height: 45px;
      border-radius: 30px;
      color:#fff;
      font-size: 16px;
      /* font-weight: 500; */
      line-height: 18px;
      padding-top: 14px;
      padding-bottom: 12px;
      margin: auto;
      margin-bottom: 20px;
    }

    .box-register .box-form-register .btn-register:hover{box-shadow: 2px 2px 6px 0px #0003;}
    .box-register .box-form-register .btn-register.btn-google,
    .box-register .box-form-register .btn-register.btn-facebook{padding-left: 46px;background-position: 2px center; background-repeat: no-repeat;}
    .box-register .box-form-register .btn-register.btn-google span,
    .box-register .box-form-register .btn-register.btn-facebook span{padding-left: 17px;}
    .box-register .box-form-register .btn-register.btn-facebook{background-color:#1877f2; background-image: url('../../image/icon/circle-facebook-white.svg');background-size: 40px;}
    .box-register .box-form-register .btn-register.btn-google{background-color:#dc4e41; background-image: url('../../image/icon/circle-google-white.svg');background-size: 41px;}
    .box-register .box-form-register .btn-register.btn-email{background-color:#25938c; border: unset; margin-bottom: 0px;}

    .box-register .box-form-register .box-title{font-size: 18px;color:#000;line-height: 24px; text-align: center; margin-bottom: 20px;}
    .box-register .box-form-register .box-input-register{padding: 30px 10px 0;}
    .box-register .box-form-register .box-input-register .box-input .form-group{margin-bottom: 20px;}
    .box-register .box-form-register .box-input-register .box-input .form-group label{color: #333; font-size: 16px; margin-left: 10px;}
    .box-register .box-form-register .box-input-register .box-input .form-group input{
      width: 100%; height: 45px;
      font-size: 16px;
      border-radius: 36px; border: #d8d8d8 1px solid;
      padding: 14px 16px 12px;}
    .box-register .box-form-register .box-input-register .box-input .form-group input::placeholder{font-size: 16px; color: #9a9a9a; font-weight: normal;}


    .box-social.icon-facebook img,
    .box-social.icon-line img,
    .box-social.icon-twitter img,
    .box-social.icon-url img{
      width: 36px;
      height: 36px;
    }
    .box-social img.img-onhover{display: none;}
    .box-social.icon-facebook:hover  img.img-initial{display: none;}
    .box-social.icon-facebook:hover  img.img-onhover{display: block;}
    .box-social.icon-line:hover  img.img-initial{display: none;}
    .box-social.icon-line:hover  img.img-onhover{display: block;}
    .box-social.icon-twitter:hover  img.img-initial{display: none;}
    .box-social.icon-twitter:hover  img.img-onhover{display: block;}
    .box-social.icon-url:hover  img.img-initial{display: none;}
    .box-social.icon-url:hover  img.img-onhover{display: block;}

    @media (max-width: 991px) {
      .box-social.icon-url img{
        width: 36px;
        height: 36px;
      }
    }

    .box-survey-feedback{font-family: 'Prompt', sans-serif; font-size: 18px; max-width: 832px; margin: auto;}
    .box-survey-feedback .box-survey-feedback{
      font-size: 18px;
    }
    .box-survey-feedback .box-form-survey-feedback .form-group {margin-bottom: 20px}
    .box-survey-feedback .box-form-survey-feedback label{
      padding-left:0; padding-right: 20px;
      max-width: 370px;
      flex-grow: 1!important;
      text-align: right;
      color: #25938c;
    }

    .box-survey-feedback .box-form-survey-feedback .box-input-check{
      margin-top: 12px;
    }

    .box-survey-feedback .box-form-survey-feedback .box-input,
    .box-survey-feedback .box-form-survey-feedback .box-input-check{max-width: 400px;flex-grow: 1!important;}
    .box-survey-feedback .box-form-survey-feedback input[type='text'],
    .box-survey-feedback .box-form-survey-feedback textarea{
      font-family: 'Prompt', sans-serif;
      width: 100%;
      padding: 14px 16px 12px;
      font-size: 16px;
      border: #d8d8d8 solid 1px;
    }
    .box-survey-feedback .box-form-survey-feedback input[type='text']::placeholder,
    .box-survey-feedback .box-form-survey-feedback textarea::placeholder {color: #d8d8d8;}
    .box-survey-feedback .box-form-survey-feedback input[type=text]{height: 50px;border-radius: 25px;}
    .box-survey-feedback .box-form-survey-feedback textarea{border-radius: 10px;}
    .box-survey-feedback .box-form-survey-feedback .col-form-label{padding-top: calc(.375rem + 5px); font-size: 18px;}

    .box-survey-feedback .box-form-survey-feedback .form-check-input{
      position: relative;
      margin-top: 3px;
      top: 0px;
      left: 0px;
    }
    .box-survey-feedback .box-form-survey-feedback .form-check-input:before{
        width: 21px;
        height: 21px;
        border-radius: 50%;
        top: -4px;
        left: -4px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #666666;
    }
    .box-survey-feedback .box-form-survey-feedback .form-check-input:checked:before{
        width: 21px;
        height: 21px;
        border-radius: 50%;
        top: -4px;
        left: -4px;
        position: relative;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #26938b;
    }
    .box-survey-feedback .box-form-survey-feedback .form-check-input:checked:after{
        width: 13px;
        height: 13px;
        border-radius: 50%;
        top: 0px;
        left: 0px;
        position: absolute;
        background-color: #26938b;
        content: '';
        display: inline-block;
        visibility: visible;
    }

    .box-survey-feedback .box-form-survey-feedback .form-check{margin-bottom: 15px;}
    .box-survey-feedback .box-form-survey-feedback .form-check:last-child{margin-bottom: 0px;}
    .box-survey-feedback .box-form-survey-feedback .form-check input[type=text]{
      margin-top: 20px;
      margin-left: -20px;
    }

    .box-survey-feedback .box-form-survey-feedback .form-check-label{
      padding-left: 8px;
      font-size: 18px;
      color: #666;
    }
    .box-survey-feedback .box-form-survey-feedback .btn-send-feedback{
        width: 270px;
        background-color: #25938c;
        height: 50px;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
        border:unset;
        margin-top: 20px;
    }
    .box-survey-feedback .box-form-survey-feedback .btn-send-feedback:hover{box-shadow: 2px 2px 6px 0px #0003;}
    .box-survey-feedback .box-form-survey-feedback .btn-send-feedback:focus,
    .box-survey-feedback .box-form-survey-feedback .btn-send-feedback:focus-visible{outline: 0px solid #0000;}

    @media (max-width: 767px) {
      .box-survey-feedback{max-width: 400px; margin:auto;}
      .box-survey-feedback .top-detail{font-size: 14px;}
      .box-survey-feedback .box-form-survey-feedback .col-form-label{font-size: 16px;}
      .box-survey-feedback .box-form-survey-feedback label{text-align: left;}
      .box-survey-feedback .box-form-survey-feedback input[type=text]{height: 40px;border-radius: 25px;}
      .box-survey-feedback .box-form-survey-feedback input[type='text'],
      .box-survey-feedback .box-form-survey-feedback textarea{font-size: 14px;}
      .box-survey-feedback .box-form-survey-feedback .box-input-check{margin-top: 0px;}
      .box-survey-feedback .box-form-survey-feedback .form-check{margin-bottom: 10px;}
      .box-survey-feedback .box-form-survey-feedback .form-check-label {font-size: 16px;}
      .box-survey-feedback .box-form-survey-feedback .btn-send-feedback{height: 40px;font-size: 16px; margin-top: 10px;}
    }



    .box-doctor-profile{margin-bottom:50px;}
    .box-doctor-profile .box-title {
      font-family: 'Prompt', sans-serif;
      color: #37b3ab;
      font-size: 20px;
      line-height: 22px;
      font-weight: bold;
    }
    .box-doctor-profile .box-detail{
      font-family: 'Sarabun', sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: #333;
    }
    .box-doctor-profile .box-detail a.text-link{color: #005be3; text-decoration: underline;}
    .box-doctor-profile .box-detail ul {
      padding-left: 20px;
      list-style-position: outside;
      line-height: 26px;
      margin-bottom: 0;
      width: 100%;
    }
    .box-doctor-profile .box-detail ul li{margin-top: 10px;}
    .box-doctor-profile .box-detail ul li span {position: relative; left: -4px; word-wrap: break-word;}
    .box-doctor-profile .box-detail ul li::marker {color: #06a096; font-size: 16px;}
    .box-doctor-profile .box-detail ul li a{color: #005be3; text-decoration: underline;}
    .box-doctor-profile .box-detail.box-detail-link-list li::marker{color: #06a096;}
    .box-doctor-profile .box-detail.box-detail-video-list ul{list-style: none; padding-left: 0px;}
    .box-doctor-profile .box-detail.box-detail-video-list li{
      font-family: 'Prompt', sans-serif;
      color:#000;
      font-size: 18px;
      font-weight: 500;
      position: unset;
      text-align: center;
      margin-bottom: 50px;
    }
    .box-doctor-profile .box-detail.box-detail-video-list .box-video{
      max-width: 600px;
      margin: auto;
      margin-top: 10px;
    }
    .box-doctor-profile .box-detail.box-detail-video-list .box-video iframe{width: 100%;}

    .box-doctor-profile .box-text-under-card{
      font-family: 'Prompt', sans-serif;
      font-size: 18px;
      color: #333;
      font-weight: 500;
      line-height: 28px;
      margin-top: 30px;
    }

    .box-doctor-profile-top{font-family: 'Prompt', sans-serif; margin-bottom: 50px;}
    .box-doctor-profile-top .doctor-name{font-size:26px;height: 38px;color:#26938b;}
    .box-doctor-profile-top .major-list{height: 26px;width: auto;margin-right: 16px; line-height: 26px; color: #666666; font-size: 14px;}
    .box-doctor-profile-top .major-list .major-icon{height: 26px; width: 26px; border-radius: 50%; margin-right: 4px;}
    .box-doctor-profile-top .major-list .major-icon img{height: 26px; width: auto; }


    .content-article .text-title,
    .content-promotion .text-title{
      font-size: 26px;
      font-family: 'Prompt', sans-serif;
      color: #26938b;
      font-weight: normal;
    }
    .content-article .sub-text-title {
      font-family: 'Sarabun', sans-serif !important;
      font-size: .96em;
      color: #000;
    }
    .content-article .content{
      font-family: 'Sarabun', sans-serif !important;
      font-size: 16px;
    }
    .content-article .content a ,
    .content-promotion .content a {
      text-decoration: underline;
      color: #005be3 !important;
    }
    .content-article .content strong {
      color: #000 !important;
      font-weight: bold !important;
    }
    .content-article .content img {
      width: 100%;
    }
    .content-article .content a img {
      max-width: 400px;
      width: 100%;
    }
    .content-article .content ul {
      margin-left: 0px;
    }


    /* .content-promotion .content_h3c2{
      color: #000 !important;;
      font-weight: bold;
      font-size: 14px;
    } */

    @media (max-width: 991px) {
      .content-article .text-title{
        font-size: 20px;
      }
    }



    footer.box-footer{
      font-family:'Prompt',sans-serif;
      padding: 16px;
      background-color:#516681;
      color: #fff;
      height: 250px;
    }
    footer.box-footer .box-contact .title{font-size: 18px;line-height: 24px; margin-bottom: 3px;}
    footer.box-footer .box-contact .company-name{font-size: 14px; font-weight: 500; margin-bottom: 5px;}
    footer.box-footer .box-contact .company-address{font-size: 14px; margin-bottom: 16px;}
    footer.box-footer .box-contact .company-tal{font-size: 16px;}
    footer.box-footer .box-contact .company-mail{font-size: 16px;}
    footer.box-footer .box-contact .social-group .box-social-img{
      margin-right: 10px;
      border-radius: 50%;
      width: 36px;
      height: 36px;
    }
    footer.box-footer .box-contact .company-list{
      margin-bottom: 16px;
    }
    footer.box-footer .box-contact .company-list .company-tal{
      background-image: url('../../image/icon/phone-white.svg');
      background-size: 24px;
      background-repeat: no-repeat;
      padding-left: 30px;
      height: 24px;
      margin-right: 10px;
    }
    footer.box-footer .box-contact .company-list .company-mail{
      background-image: url('../../image/icon/envelope-white.svg');
      background-size: 24px;
      background-repeat: no-repeat;
      padding-left: 28px;
      height: 24px;
    }

    footer.box-footer .box-contact .social-group .box-social-img img{
      width: 36px;
      height: 36px;
    }

    footer.box-footer .box-footer-link{display: flex;flex-wrap: wrap;}
    footer.box-footer .box-footer-link a{
      flex: 0 0 33.333333%;
      line-height: 22px;
      color:#fff;
      margin-bottom: 10px;
      font-size: 14px;
    }

    footer.box-footer .logo{
      margin-bottom: 34px;
      max-width: 280px;
      height: auto;
    }
    footer.box-footer .logo img{
      width: 100%;
      height: auto;
    }

    footer.box-footer-copyright{
      text-align: center;
      color: #fff;
      background-color: #30445d;
      min-height: 30px;
      font-size: 14px;
      line-height: 24px;
      padding: 3px 15px;
    }

    @media (max-width: 992px) {
      footer.box-footer{
        height: unset;
        min-height: 250px;
        font-size: 14px;
      }
      footer.box-footer .box-contact .title{font-size: 18px;}
      footer.box-footer .box-contact .company-list{
        margin-bottom: 26px;
      }
      footer.box-footer .box-contact .company-tal{font-size: 14px;}
      footer.box-footer .box-contact .company-mail{font-size: 14px;}
      footer.box-footer .box-footer-link{
        margin-bottom: 30px;
      }


    }
    @media (max-width: 576px) {
      footer.box-footer .box-footer-link a{
        margin-bottom: 8px;
        flex: 0 0 50%;
        line-height: 18px;
      }
      footer.box-footer .logo{
        margin: auto;
        margin-bottom: 30px;
        max-width: 248px;
      }
    }

    .box-line-my-profile{
      padding-top: 30px;
      max-width: 839px;
      margin: auto;
    }
    .box-line-my-profile .box-title{
      font-family:'Prompt', sans-serif;
      font-size: 16px;
      line-height: 26px;
      text-align: left;
      font-weight: normal;
      color: #666;
      margin-bottom: 16px;
    }
    .box-line-my-profile .box-detail{
      max-width:800px;
      margin: auto;
    }

    .box-line-my-profile .box-detail .box-qrcode{
      padding-top:20px;
      max-width: 343px;
      margin:auto;
      font-family:'Prompt', sans-serif;
      text-align: center;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-title{
      font-size: 18px;
      line-height: 28px;
      text-align: center;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-detail{
      padding: 16px 0px;
      margin-bottom: 4px;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-detail .box-border-detail{
      border: solid #f01919 1.5px;
      border-radius: 6px;
      color: #f01919;
      padding: 4px 30px;
      text-align: center;
      max-width: 320px;
      margin: auto;
    }

    .box-line-my-profile .box-detail .box-qrcode .box-image{
      max-width:340px;
      max-height:340px;
      margin-bottom: 16px;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-image img{
      width: 100%;
      height: 100%;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-btn{
      max-width: 343px;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-btn .btn{
      color: #fff;
      font-size: 16px;
      line-height: 20px;
      padding: 10px;
      box-shadow: 2px 2px 6px 0px #26938b5e;
      border-radius: 6px;
      background-color: #7accc8;
      width: 100%;
      height: 40px;
    }
    .box-line-my-profile .box-detail .box-profile{
      margin-bottom: 30px;
    }
    .box-line-my-profile .box-detail .box-profile .box-list{
      width: 100%;
      height: 40px;
      background-color: #f3fdfc;
      flex: 0 1 50%;
      font-family:'Prompt', sans-serif;
      color: #25938c;
      font-size: 18px;
      font-weight: normal;
      line-height: 22px;
      padding-top:9px;
      padding-bottom:9px;
      margin-bottom: 2px;
    }
    .box-line-my-profile .box-detail .box-profile .box-list .title{
      /* padding-left: 30px; */
      width: 100%;
      height: 40px;
      text-align: right;
      padding-right: 26px;
    }
    .box-line-my-profile .box-detail .box-profile .box-list .title span{
      width: 114px;
      height: auto;
    }
    .box-line-my-profile .box-detail .box-profile .box-list .detail{
      width: 100%;
      height: 40px;

    }
    .box-line-my-profile .box-detail .box-profile .box-list .detail::before{
      content: ':';
      margin-right: 5px;
    }

    .box-line-my-profile .box-detail .box-qrcode{
      padding-top:20px;
      max-width: 343px;
      margin:auto;
      font-family:'Prompt', sans-serif;
      text-align: center;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-qr-title{
      font-size: 18px;
      line-height: 28px;
      text-align: center;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-qr-detail{
      padding: 16px 0px;
      margin-bottom: 4px;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-qr-detail .box-border-detail{
      border: solid #f01919 1.5px;
      border-radius: 6px;
      color: #f01919;
      padding: 4px 30px;
      text-align: center;
      max-width: 320px;
      margin: auto;
      font-size: 16px;
      line-height: 26px;
    }

    .box-line-my-profile .box-detail .box-qrcode .box-qr-image{
      max-width:340px;
      max-height:340px;
      margin-bottom: 16px;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-qr-image img{
      width: 100%;
      height: 100%;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-btn{
      max-width: 343px;
    }
    .box-line-my-profile .box-detail .box-qrcode .box-btn .btn{
      color: #fff;
      font-size: 16px;
      line-height: 20px;
      padding: 10px;
      box-shadow: 2px 2px 6px 0px #26938b5e;
      border-radius: 6px;
      background-color: #7accc8;
      width: 100%;
      height: 40px;
    }

    .box-edit-my-profile{
      max-width: 940px;
      padding-top: 30px;
      margin: auto;
    }
    .box-edit-my-profile .box-title{
      font-family:'Prompt', sans-serif;
      font-size: 16px;
      line-height: 26px;
      text-align: left;
      font-weight: normal;
      color: #666;
      margin-bottom: 16px;
    }
    .box-edit-my-profile .box-detail{
      font-family:'Prompt', sans-serif;
      width: 100%;
      height: auto;
      margin: auto;
    }
    .box-edit-my-profile .box-detail .box-border-detail{
      background-color: #f3fdfc;
      border: #37b3ab solid 1px;
      border-radius: 6px;
      padding: 20px;
      color: #25938c;
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 40px;
      font-weight: normal;
    }


    .box-edit-my-profile{font-family: 'Prompt', sans-serif;}
    .box-edit-my-profile .box-form-my-profile{max-width:640px; margin: auto;}
    .box-edit-my-profile .box-form-my-profile .form-group {margin-bottom: 20px}
    .box-edit-my-profile .box-form-my-profile label{
      padding-left:0; padding-right: 20px;
      max-width: 340px;
      flex-grow: 1!important;
      text-align: left;
      color: #333333;
      padding-left: 10px;
      font-size: 18px;
    }
    .box-edit-my-profile .box-form-my-profile .box-input-check{margin-top: 12px;}
    .box-edit-my-profile .box-form-my-profile .box-input-group{
      margin-top: 0px;
    }
    .box-edit-my-profile .box-form-my-profile .box-input-group .box-input{
      /* width: 48%; */
      margin-right: 5px;
    }
    .box-edit-my-profile .box-form-my-profile .box-input,
    .box-edit-my-profile .box-form-my-profile .box-input-check,
    .box-edit-my-profile .box-form-my-profile .box-input-group{flex-grow: 1!important;}
    .box-edit-my-profile .box-form-my-profile input[type='text'],
    .box-edit-my-profile .box-form-my-profile textarea{
      font-family: 'Prompt', sans-serif;
      width: 100%;
      padding: 14px 16px 12px;
      font-size: 16px;
      border: #d8d8d8 solid 1px;
    }
    .box-edit-my-profile .box-form-my-profile input[type='text']::placeholder,
    .box-edit-my-profile .box-form-my-profile textarea::placeholder {color: #d8d8d8;}
    .box-edit-my-profile .box-form-my-profile input[type=text],
    .box-edit-my-profile .box-form-my-profile select{
      height: 50px;border-radius: 6px;
      color:#666666;
    }
    .box-edit-my-profile .box-form-my-profile textarea{border-radius: 10px;}
    .box-edit-my-profile .box-form-my-profile .col-form-label{padding-top: calc(.375rem + 5px); font-size: 18px;}
    .box-edit-my-profile .box-form-my-profile .form-check-input{position: absolute;margin-top: 3px;}
    .box-edit-my-profile .box-form-my-profile .form-check-input:before{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        top: -1px;
        left: -1px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #666666;
    }
    .box-edit-my-profile .box-form-my-profile .form-check-input:checked:before{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        top: -1px;
        left: -1px;
        position: relative;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #26938b;
    }
    .box-edit-my-profile .box-form-my-profile .form-check-input:checked:after{
        width: 12px;
        height: 12px;
        border-radius: 50%;
        top: 3px;
        left: 3px;
        position: absolute;
        background-color: #26938b;
        content: '';
        display: inline-block;
        visibility: visible;
    }
    .box-edit-my-profile .box-form-my-profile .form-check{margin-bottom: 15px; padding-left: 2.25rem;}
    .box-edit-my-profile .box-form-my-profile .form-check:last-child{margin-bottom: 0px;}
    .box-edit-my-profile .box-form-my-profile .form-check input[type=text]{margin-top: 20px;margin-left: -20px;}
    .box-edit-my-profile .box-form-my-profile .form-check-label{padding-left: 8px;font-size: 18px;color: #666;}
    .box-edit-my-profile .box-form-my-profile .btn-update{
        width: 343px;
        background-color: #7accc8;
        height: 40px;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        border-radius: 6px;
        border:unset;
        margin-top: 20px;
        box-shadow: 2px 2px 6px #26938b5e;
    }
    .box-edit-my-profile .box-form-my-profile .box-footer-text{
      margin-top: 30px;
      margin-bottom: 10px;
      text-align: center;
      color: #25938c;
      font-size: 16px;
      line-height: 26px;
    }
    .box-edit-my-profile .box-form-my-profile .box-btn{
      text-align: center;
    }
    .box-edit-my-profile .box-form-my-profile .btn-goto-register{
      width: 140px;
      border: 1px solid #26938b;
      border-radius: 6px;
      color:#25938c;
    }

    @media (max-width: 767px) {
      .box-edit-my-profile .box-detail .box-border-detail{font-size: 16px;}
      .box-edit-my-profile .box-form-my-profile {max-width: 400px;margin:auto;}
      .box-edit-my-profile .box-form-my-profile .col-form-label{font-size: 16px;}
      .box-edit-my-profile .box-form-my-profile label{text-align: left; padding-left: 10px;}
      .box-edit-my-profile .box-form-my-profile input[type=text]{height: 40px;border-radius: 25px;}
      .box-edit-my-profile .box-form-my-profile input[type='text'],
      .box-edit-my-profile .box-form-my-profile textarea{font-size: 14px;}
      .box-edit-my-profile .box-form-my-profile .box-input-check{margin-top: 0px;}
      .box-edit-my-profile .box-form-my-profile .form-check{margin-bottom: 10px;}
      .box-edit-my-profile .box-form-my-profile .form-check-label {font-size: 16px;}
      .box-edit-my-profile .box-form-my-profile .btn-send-feedback{height: 40px;font-size: 16px; margin-top: 10px;}
      .box-edit-my-profile .box-form-my-profile .box-input-group .box-input{margin-bottom: 5px;}
    }

    .box-firstaid{
      padding-top: 30px;
    }
    .box-firstaid .title{
      font-family:'Prompt', sans-serif;
      width: 100%;
      line-height: 40px;
      font-size: 26px;
      text-align: center;
      background-color: #7accc8;
      margin-bottom: 30px;
      color: #fff;
    }
    .box-firstaid .sub_title{
      font-family:'Prompt', sans-serif;
      color: #000;
      text-align: center;
      font-size: 18px;
      line-height: 28px;
      font-weight: 500;
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .box-firstaid .detail{
      font-family: 'Sarabun', sans-serif;
      font-size: 16px;
      color:#333;
    }



    @media (max-width: 768px) {
      .box-line-my-profile .box-detail .box-profile .box-list{
        font-size: 16px;

      }
      .box-line-my-profile .box-detail .box-profile .box-list .title {
        text-align: left;
        padding-left:20px;
        padding-right: 0px;
        width: 70%;
      }
    }
    @media (max-width: 576px) {
      .box-firstaid iframe{
        width: 100%;
      }
    }



    .box-thumb-video{
      position: relative;
    }
    .box-thumb-video::after{
      content: "";
      width: 80px;
      height: 80px;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;

      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);

      background-image: url(../../image/icon/icon-play.svg);
      background-size: 80px;
      background-repeat: no-repeat;
    }




    .box-user-inbox{
      padding: 0 60px;
    }
    .box-user-inbox .box-list {
      padding: 16px 20px 16px 16px;
      border-bottom: 1px solid #00000040;
      background-color: #fafafa;
    }
    .box-user-inbox .box-list .box-title-major{
      width: 250px;
      position: relative;
      font-size: 18px;
      line-height: 30px;
    }
    .box-user-inbox .box-list .box-title-major::after{
      content: ":";
      color: #000;
      position: absolute;
      right: 0;
      margin-right: 8px;
    }

    .box-user-inbox .box-list .box-descript-major{
      font-size: 18px;
      line-height: 28px;
    }

    .box-user-inbox .box-list .text-date{line-height: 28px;}
    /* .box-user-inbox .box-list .box-descript{padding: 0 8px;} */


    @media (max-width: 991px) {
      .box-user-inbox{
        padding:0px;
      }
      .box-user-inbox .box-list .box-title-major{
        font-size: 16px;
      }
      .box-user-inbox .box-list .box-descript-major{
        font-size: 16px;
      }
      .box-user-inbox .box-list .box-title-major::after{
        content: "";
      }
    }


    .box-user-inbox-detail {
      padding: 15px 60px;
      font-size: 16px;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list{
      padding: 0 70px;
      border-bottom: 1px #d2d2d2 solid;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list .box-title{
      min-width: 240px;
      font-size: 18px;
      margin-bottom: 10px;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list .box-title-name{
      text-indent: -20px;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail{
      font-size: 18px;
      margin-bottom: 10px;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail .doctor-contact-list{
      list-style: none;
      padding-left: 0px;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail .doctor-contact-list li{
      margin-bottom: 6px;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail.box-detail-link-list ul,
    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail.box-detail-media-list ul{
      padding-left: 20px;
      font-family: 'Sarabun', sans-serif;
      line-height: 28px;
      font-size: 16px;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail.box-detail-media-list ul{
      list-style-image: url("../../image/icon-play.png");
      margin-left: 40px;
    }

    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail.box-detail-link-list li a,
    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail.box-detail-media-list li a{
      color: #005be3 !important;
      text-decoration: underline;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail.box-detail-link-list li::marker{
      color: #005be3;
    }

    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail.box-detail-media-list ul li{
      /* content: ""; */
      position: relative;
    }
    .box-user-inbox-detail .box-user-inbox-detail-list .box-detail.box-detail-media-list ul li a{
      position: absolute;
      top:-4px;
      height: 100%;
      display: flex;
      align-items: center;
    }

    @media (max-width: 991px) {
      .box-user-inbox-detail {
        padding: 15px 16px;
      }
      .box-user-inbox-detail .box-user-inbox-detail-list .box-title-name{
        font-size: 18px;
        text-indent: 0;
      }
      .box-user-inbox-detail .box-user-inbox-detail-list{
        padding: 15px;
      }
      .box-user-inbox-detail .box-user-inbox-detail-list .box-title,
      .box-user-inbox-detail .box-user-inbox-detail-list .box-detail{
        font-size: 16px;
      }

    }








    .box-user-save {margin-bottom: 0px;}
    .box-user-save .box-detail{padding:30px 16px; font-family:'Prompt', sans-serif;}
    .box-user-save .box-detail .txt-user-profile{font-weight: 500; line-height: 22px; margin-bottom:10px;}
    .box-user-save .box-detail .txt-user-profile:last-child{margin-bottom:0px;}
    .box-user-save .box-detail .txt-user-profile:last-child{margin-bottom:0px;}

    .box-user-save .box-user-desease-save {box-shadow: 0 1px 0 0 #00000040;}
    .box-user-save .box-user-desease-save:last-child {margin-bottom: 50px;}
    .box-user-save .box-user-desease-save .box-user-desease-save-list {margin-bottom: 14px;}
    .box-user-save .box-user-desease-save .box-user-desease-save-list img.img_redc{width: 40px; height: auto; margin-right: 5px;}
    .box-user-save .box-user-desease-save .box-user-desease-save-list.text-muted {font-size:14px; margin-bottom: 0px;}
    .box-user-save .box-user-desease-save .box-user-desease-save-list .box-title {
      font-family:'Prompt', sans-serif;
      font-weight: bold;
      font-size: 16px;
      line-height: 28px;
      min-width: 240px;
    }
    .box-user-save .box-user-desease-save .box-user-desease-save-list .box-descript {
      font-family: 'Sarabun', sans-serif;
      font-size: 16px;
      line-height: 28px;
      color: #333;
    }
    .box-user-save .box-user-desease-save .box-action {min-width: 260px;}
    .box-user-save .box-user-desease-save .box-user-desease-save-list .text-muted {
      font-family:'Prompt', sans-serif;
      color: #666;
      font-size: 14px;
      font-weight: normal;
    }
    .box-user-save .btn-blue{background-color:#3a86b3;color:#fff;border-radius: 6px;}

    .box-user-save .btn-blue:hover{background-color:#18377b;}
    .box-user-save .btn-outline-green{color: #26938b;border: #26938b 1px solid;border-radius: 6px;}
    .box-user-save .btn-outline-green:hover{background-color: #26938b;color: #fff;}

    @media (max-width: 991px) {
      .box-doctor-sub-major-tag-search {padding: 6px;}
      .box-doctor-sub-major-tag-search .box-title {font-size: 16px;}

      .box-form-search-doctor {padding: 0;}

      .box-list-desease{padding: 16px;}
      .box-link-desease-list{padding: 5px 16px;}

      .box-promotion-list .card .card-body {min-height: unset;}
      .box-promotion-list .card .card-body .card-title{font-size: 18px; line-height: 27px;}
      .box-promotion-list .card .card-body .card-detail .name{font-size: 16px; line-height: 22px;}
      .box-promotion-list .card .card-body .card-detail .department{font-size: 16px;line-height: 24px;}
      .box-promotion-list .card .card-body .card-detail .due-date {font-size: 14px; line-height: 21px;}
      .box-promotion-list .card .card-footer .text-price {font-size: 20px; line-height: 30px;}

      .box-doctor-profile{margin-bottom:30px;}
      .box-doctor-profile .box-title{font-size: 18px;}
      .box-doctor-profile .box-detail ul li{margin-top: 6px;}
      .box-doctor-profile .box-text-under-card{font-size: 16px; line-height: 24px; margin-top:16px;}
      .box-doctor-profile .box-detail.box-detail-video-list li{margin-bottom: 30px;}

      .box-doctor-profile-top{margin-bottom:16px;}

      .box-user-save .box-detail{padding:16px;}
      .box-user-save .box-user-desease-save:last-child {margin-bottom: 30px;}
      .box-user-save .box-user-desease-save .box-user-desease-save-list .box-title {font-size: 16px;line-height: 22px;}
      .box-user-save .box-user-desease-save .box-user-desease-save-list .box-descript {font-size: 16px;line-height: 24px;}
      .box-user-save .box-user-desease-save .box-user-desease-save-list.text-muted {margin-bottom: 16px;}
    }
/* End Box Style */

 /* Button Style */
    button:focus,
    button:focus-visible,
    a.btn:focus-visible,
    input[type=button]{
      outline: 0px solid #0000;
    }

    .btn {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        font-family: 'Prompt',sans-serif;
    }
    .btn-blue {
        background-color: #3a86b3;
        color: #fff;
    }
    .btn-green.btn-green-blue{
      background-color: #3a86b3;
    }
    .btn-green {
        background-color: #7accc8;
    }
    .btn-green:hover{
        background-color: #25938c;
        color: #fff;
    }
    .btn-outline-green{
        border: #26938b solid 1px;
        color: #26938b;
    }
    .btn-outline-green:hover{
        color: #26938b;
    }
    .btn-outline-green-light{
        border: 1px solid #9ed2ce;
        color: #9ed2ce;
    }
    .btn-outline-green-light:hover{
        color: #9ed2ce;
    }
    .btn-outline-blue{
      border: #3a86b3 solid 1px;
      color: #3a86b3;
    }
    .btn-outline-blue:hover{
      color: #fff;
      background-color: #18377b;
    }


    .btn-radius{
        border-radius:6px;
    }
    .btn-read-more,
    .btn-more {
      min-width: 140px;
      border: #26938b solid 1px;
      color: #26938b;
    }
    .btn-read-more:hover,
    .btn-more:hover {
      background-color:#26938b;
      color: #fff !important;
    }

    /* .btn-read-more a,
    .btn-more a {
        border: solid thin #4ebbb4;
        color: #4ebbb4;
        text-align: center;
        padding: 10px 30px;
    } */

    .btn-bookmark {
      height: 30px;
      padding-top: 2px;
      padding-bottom: 2px;
      background-color: #26938b;
      color: #fff;
    }
    .btn-bookmark:hover {
      background-color: #37b3ab;
    }

    .btn-bookmark .fa-bookmark{display: none;}
    .btn-bookmark .fa-bookmark-o{display: inline-block;}

    .btn-bookmark.active .fa-bookmark{display: inline-block;}
    .btn-bookmark.active .fa-bookmark-o{display: none;}


    .btn-cookie {
      background-color: #00b400;
      color: #fff;
      width: 80px;
    }

    .btn.btn-icon-left i {
        font-size: 16px;
        margin-right: 5px;
    }

    .btn-group-menu-member {
        height: 35px;
    }

    .btn-menu-member {
          min-width: 90px;
          margin-top: 5px;
          float: right;
          padding-left: 10px;
          padding-right: 10px;
          font-size: 14px;
          text-align: center;
          height: 24px;
          line-height: 24px;
          border: 1px solid #2e4565 ;
          color: #2e4565;
          margin-left: 8px;
          border-radius: 50px;
    }

    .btn-menu-member:hover {
        background-color: #2e4565;
        color: #fff;
    }

    .btn-group-search {
        padding-left: 5px;
        padding-right: 5px;
    }

    .btn-group-search .btn {
        line-height: 32px;
        height: 32px;
        background-color: #fff;
        color: #019d93;
        text-decoration: none;
        display: block;
        margin-top: 10px;
        padding: 0px;
    }

    .btn-submit {
        background-color: #7accc8;
        color: #fff;
        line-height: 30px;
        font-family: 'Prompt', sans-serif;
        cursor: pointer;
        border: 1px solid #7accc8;
        border-radius: 3px;
        -webkit-box-shadow: 4px 4px 5px 0px rgba(153, 176, 174, 1);
        -moz-box-shadow: 4px 4px 5px 0px rgba(153, 176, 174, 1);
        box-shadow: 4px 4px 5px 0px rgba(153, 176, 174, 1);
    }
    .btn-submit.btn-blue{
      background-color: #3a86b3;
      color: #fff;
      line-height: 26px;
      font-family: 'Prompt', sans-serif;
      cursor: pointer;
      height: 50px;
      min-width: 360px;
      font-size: 20px;
      padding: 11px 0px;
      border: 1px solid #3a86b3;
      border-radius: 6px;
      box-shadow: unset;
      text-align: center;
    }
    .btn-submit.btn-blue:hover{
      -webkit-box-shadow: 4px 4px 5px 0px rgba(153, 176, 174, 1);
      -moz-box-shadow: 4px 4px 5px 0px rgba(153, 176, 174, 1);
      box-shadow: 4px 4px 5px 0px rgba(153, 176, 174, 1);
    }
    @media (max-width: 767px) {
      .btn-submit.btn-blue{
        font-size: 16px;
      }
    }

    .btn-save-result input {
        background-image: none;
        text-decoration: none;
        cursor: pointer;
        min-height: 44px;
        color: #fff;
        text-align: center;
        background-color: #349187;
        line-height: 1em;
        font-size: 1em;
        border-radius: 4px;
        border: none;
        padding: 0 10px;
        color: #fff;
        margin-bottom: 8px;
    }

    .btn-outline-dropdown .dropdown-toggle {
      background-color: #fff;
      border-radius: 50px;
      border: 1px #2e4565 solid;
      box-shadow: unset;
      min-width: 188px;
      font-size: 14px;
      height: 24px;
      padding: 0 12px;
      padding-right: 30px;
      background-image: url(../../image/icon/chevron-down-black.svg);
      background-position: top 0px right 10px;
      background-repeat: no-repeat;
    }

    .btn-outline-dropdown .dropdown-toggle::after{border: unset;}
    .btn-outline-dropdown .dropdown-menu {
        margin-top: 0px;
        border-radius: 6px;
        text-align: center;
        min-width: 188px;
        padding: 0;
        box-shadow: 2px 4px 20px 0px #0003;
    }
    .btn-outline-dropdown .dropdown-menu a.dropdown-item{
      height: 30px;
      font-size: 16px;
      font-family: 'Prompt', sans-serif;
    }
    .btn-outline-dropdown .dropdown-menu a.dropdown-item:focus,
    .btn-outline-dropdown .dropdown-menu a.dropdown-item:hover {
        background-color: #e1faf8;
    }
    .btn-outline-dropdown .dropdown-divider {
        margin: 1px 0px;
    }

    .btn-share {
        height: 30px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #3a86b3;
    }
    .btn-share:hover {
        background-color: #2e4565;
    }

    /* @media (max-width: 767px) {
      .btn-share,
      .btn-bookmark{
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
      }
    } */
/* End Button Style */

/* Custom Style */
    /* Font Face */
      .font-prompt {
        font-family: 'Prompt', sans-serif;
      }
      .font-sarabun {
        font-family: 'Sarabun', sans-serif;
      }
    /* End Font Face */

    /* Font Size */
      .font-26{font-size: 26px !important; line-height: 30px;}
      .font-24{font-size: 24px !important; line-height: 28px;}
      .font-22{font-size: 22px !important; line-height: 26px;}
      .font-20{font-size: 20px !important; line-height: 24px;}
      .font-18{font-size: 18px !important; line-height: 22px;}
      .font-16{font-size: 16px !important; line-height: 20px;}
      .font-14{font-size: 14px !important; line-height: 18px;}
    /* End Font Size */
    /* Background Color */
      .bg-blue {background-color: #3a86b3 !important;}
      .bg-blue-light {background-color: #dcf0fb !important;}
      .bg-green {background-color: #53b3ab !important;}
      .bg-green-light {background-color: #7accc8 !important;}
      .bg-gray-light {background-color: #f9f9f9 !important;}

    /* End Background Color */
    /* Text Color */
        .text-darkblue {color: #18377b !important;}
        .text-blue {color: #3a86b3 !important;}
        .text-green {color: #26938b !important;}
        .text-white {color: #fff !important;}
        .text-gray {color: #c1cecd !important;}
        .text-black {color: #000 !important;}

        .text-category {
          display: inline-block;
          background-color: #e1faf8;
          font-family: 'Prompt';
          width: auto;
          padding: 2px 8px;
          font-size: 14px;
        }
        .text-date{
          color: #666;
          font-size: 14px;
        }

        @media (max-width: 991px) {
          .text-category {
            font-size: 12px;
          }
          .text-date{
            font-size: 12px;
          }
        }
    /* End Text Color */


/* End Custom Style */

/* Card Style */
    /* Card */
    .card {
        border: 0px solid rgba(0, 0, 0, .125);
        background-color: #fff;
        border-radius: 6px;
    }
    .card-list {
      position: relative;
      background-color: #f2f7f9;
      padding-left: 20px;
      padding-right: 20px;
      height: 100%;
    }

    .card-list .content-box {
      display: inline-block;
      justify-content: center;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .card-list .border-circle {
      border-radius: 50%;
      border: 5px solid #eeeeee;
      padding: 5px;
    }



    .card-list .social-share-group {
      /* position: absolute;
      bottom: 0px; */
      width: 100%;
      height: 30px;
    }
    .card.card-landscape .card-body{
      min-height: 158px;
    }
    .card.card-self-stretch{
      height: 100%;
    }
    .card.card-self-stretch .card-body{
      height: 100%;
    }
    .card-category {
      border-radius: 5px;
      border: solid 1px #ccc;
      padding: 15px;
    }
    .card-title {
        line-height: 24px;
        font-size: 18px;
        font-family: 'Prompt-Bold';
    }
    .card-detail {
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: 'Sarabun', sans-serif;
        font-size: 16px;
    }
    .card-body {
      height: 100%;
      padding: 15px;
    }
    .card-footer.card-btn-group{
      padding: 15px;
      background-color: #fff;
      border-top: 0px solid #fff;
    }
    .card-img{
      width: 100%;
      height: 100%;
    }
    .card-img.object-fit_cover{
      object-fit: cover;
    }


    /* Card Covid */
    .card-covid{
      border-radius: 6px;
    }
    .card-covid:hover{
      box-shadow: 0px 4px 20px 0px #a0acca4f;
    }



    /* Card Doctor At Home */
    .card-doctor-at-home-search{
      min-height: 320px;
      background-color: #87cad0;
    }

    .card-doctor-at-home-search .card-title,
    .card-doctor-at-home-search .card-body{
      /* flex-basis: 100%; */
    }

    .card-doctor-at-home-search .card-title{
      /* width: 100%; */
      background-image: url('../../image/icon/img-doctor-large.png');
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position-x:0;
      margin-bottom: 0;
      color: #fafafa;
      padding-left: 224px;
      padding-right: 30px;
      min-width: 570px;
    }

    .card-doctor-at-home-search .card-title .search-banner-txt{
      width: 100%;
    }
    .card-doctor-at-home-search .card-title .sub-title{
      font-family: 'Prompt', sans-serif;
      font-size: 33px;
      font-weight: 400;
      line-height: 40px;
    }


    .card-doctor-at-home-search .card-title .title-h1,
    .card-doctor-at-home-search .card-title .title-h2{
      font-family: 'Sarabun', sans-serif;
      line-height: normal;
      margin-bottom: 0px;
    }

    .card-doctor-at-home-search .card-title .title-h1{
      font-size: 76px;
      line-height: 80px;
      font-weight: 600;
      padding-right: 20px;
    }

    .card-doctor-at-home-search .card-title .title-h2{
      font-size: 60px;
      font-weight: 600;
      position: relative;
      padding-right: 30px;
    }

    .card-doctor-at-home-search .card-title .title-h2 em{
      font-style: normal;
      position: absolute;
      font-size: 34px;
      font-weight: bold;
      right: 2px;
    }

    .card-doctor-at-home-search .card-body{
      padding-left: 0px;
      font-family: 'Sarabun', sans-serif;
      font-size: 16px;
      line-height: 26px;
      width: 100%;
    }

    .card-doctor-at-home-search .card-body .title-search-box{
      font-size: 26px;
      font-family: 'Prompt', sans-serif;
      font-weight: 500;
    }
    .card-doctor-at-home-search .card-body .card-detail{
      color: #fafafa;
      padding-top: 0px;
      font-size: 14px;
    }
    /* .card-doctor-at-home-search .card-body .text-topic{
      font-family: 'Prompt', sans-serif;
      font-weight: 500;
      font-size: 18px;
    } */
    .card-doctor-at-home-search .card-body .search-box{
      position: relative;
    }

    .card-doctor-at-home-search .card-body .form-control {
      font-size: 16px;
      padding: 7px .75rem;
      height: 40px;
      line-height: 40px;
    }
    .card-doctor-at-home-search .card-body .form-control::placeholder{
      line-height: 40px;
      color: #999999;
    }

    .card-doctor-at-home-search .card-body .text-topic-btn-group{
      font-family: 'Prompt', sans-serif;
      color: #fafafa;
      font-size: 20px;
      font-weight: 600;
    }
    .card-doctor-at-home-search .card-body .btn-group-search{
      padding-left: 4px;
      padding-right: 4px;
    }
    .card-doctor-at-home-search .card-body .btn-group-search a{
      font-family: 'Sarabun', sans-serif;
      font-size: 14px;
      color: #25938c;
      background-color: #e1faf8;
      height: 30px;
      line-height: 30px;
    }
    .card-doctor-at-home-search .card-body .btn-group-search:last-child a{
      background-color: #25938c;
      color: #fff;
    }


    .card-doctor-at-home-search .search-box{position: relative;}
    .card-doctor-at-home-search .search-box .select2-container--default {
      font-family: 'Sarabun', sans-serif;
      background-color: #fff;
      border: 1px solid #cacaca;
      border-radius: 6px;
      width: 100%;
      font-size: 13.3333px;
      line-height: 26px;
      height: 40px;
      text-align: left;
      color: #000;
      padding: 0px 7px;
      display: table-cell;
      vertical-align: middle;

    }
    .card-doctor-at-home-search .search-box input[type=text]::placeholder {text-align: left;color: #666;}
    .card-doctor-at-home-search .search-box input[type=text]:focus-visible{outline: -webkit-focus-ring-color auto 0px; height: 20px !important;}
    .card-doctor-at-home-search .search-box input[type=text]:focus {border-radius: 8px;}
    .card-doctor-at-home-search .select2-container--default input[type=search]{margin: 0;font-size: 1rem; text-indent: 2px; height: 40px;}
    .card-doctor-at-home-search .select2-container--default input[type=search]::placeholder{font-size: 13.3333px; line-height: 40px;}
    /* .card-doctor-at-home-search .select2-container--default .select2-search--inline{padding: 0px;} */
    .card-doctor-at-home-search .select2-container--default .select2-selection__choice{
      margin: 0;
    }
    .card-doctor-at-home-search .select2-container--default .select2-selection__choice .select2-selection__choice__display{
      padding: 0;
    }
    .card-doctor-at-home-search .search-box .select2-container--default.select2-container--open{
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
    }
    .card-doctor-at-home-search .select2-container--default .select2-selection--multiple{
      background-color: unset !important;
      border: 0px solid #aaa !important;
      padding: 0px;
    }
    .card-doctor-at-home-search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
      display: none;
    }
    .card-doctor-at-home-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #0000 !important;
      border: 0px solid #aaa !important;
      font-size: 1rem;
    }

    /* Select2 Search Disease */
    .select2-search-doctor-at-home.select2-container--default .select2-results__option{
      font-family: 'Sarabun', sans-serif;
    }


    /* @media(max-width:1400px){
      .card-doctor-at-home-search .card-title{
        background-image: url('../../image/icon/img-doctor-large.png');
        padding-left: 190px;
        max-width: 490px;
      }
    } */


    /* @media(max-width:1200px){
      .card-doctor-at-home-search .card-title{
        background-position-x: -40px;
        padding-left: 204px;
        padding-right: 20px;
      }
    } */

    @media (max-width: 991px) {

      .card-doctor-at-home-search .card-title{
        padding: unset;
        background-image: unset;
        min-width: unset;
      }
      .card-doctor-at-home-search .card-title .title-h1{
        font-size: 42px;
      }
      .card-doctor-at-home-search .card-title .sub-title{font-size: 30px;}
      .card-doctor-at-home-search .card-body{padding: 16px;}
      .card-doctor-at-home-search .card-body .text-topic-btn-group{
        font-size: 18px;
        font-weight: normal;
      }
      .card-doctor-at-home-search .card-body .title-search-box{
        font-size: 22px;
        font-weight: 600;
      }
      .card-doctor-at-home-search .card-body .card-detail{
        font-size: 14px;
      }
    }
    @media (max-width: 576px) {
      .card-doctor-at-home-search .card-title{
        padding: unset;
        background-image: unset;
        min-width: unset;
      }
      .card-doctor-at-home-search .card-title .title-h1{font-size: 40px; line-height: normal; position: relative;}
      .card-doctor-at-home-search .card-title .title-h1 em{
        font-style: normal;
        font-size: 25px;
        top: 1px;
        position: absolute;
        padding-left: 5px;
       }
      .card-doctor-at-home-search .card-title .sub-title{font-size: 22px; font-weight: 600;}
      .card-doctor-at-home-search .card-body{padding: 16px;}
      .card-doctor-at-home-search .card-body .text-topic-btn-group{font-size: 16px;}
      .card-doctor-at-home-search .card-body .title-search-box{
        font-size: 20px;
        font-weight: 600;
      }
      .card-doctor-at-home-search .card-body .card-detail{
        font-size: 14px;
      }
    }

    @media (max-width: 320px) {
      .card-doctor-at-home-search .card-title .sub-title{font-size: 20px;}
    }



    /* End Card Doctor At Home */



    /* Card Doctor Major Category */
      .card-doctor-category .card-title{
        font-family: 'Prompt', sans-serif;
        font-size: 18px;
        color: #3a86b3;
        text-align: center;
        width: 100%;
        font-weight: 500;
      }
      .card-doctor-category.card-list {
        position: relative;
        background-color: #fff;
        padding: 0px;
        height: 100%;
      }

      .card-doctor-category:hover .card-title{
        color: #333333;
      }
      @media (max-width: 991px) {
        .card-doctor-category .card-title{font-size: 16px;line-height: 20px;}
      }
    /* End Card Doctor Major Category */


    /* Card Doctor Left */
      .card-doctor-left .banner-doctor-at-home-desease-detail{
        background-image: url("../../image/icon/img-doctor-x-small.png");
        background-color: #89cace;
        background-position: -2px 0px;
        background-repeat: no-repeat;
        background-size: 120px 100%;
        height: 120px;
        padding-left: 160px;
        color: #fff;
      }

      .card-doctor-left .banner-doctor-at-home-desease-detail h3.card-title{
        font-size: 32px;
        line-height: 42px;
        font-weight: bold;
        margin-bottom: 5px;
        position: relative;
      }

      .card-doctor-left .banner-doctor-at-home-desease-detail h3.card-title em{
        font-style: normal;
        font-size: 20px;
        position: absolute;
        top: -8px;
      }

      .card-doctor-left .banner-doctor-at-home-desease-detail h3.card-title span{
        padding-left: 16px;
      }

      .card-doctor-left .banner-doctor-at-home-desease-detail div.card-detail{
        font-size: 20px;
        line-height: 26px;
        font-family: 'Prompt', sans-serif;
      }
      .card-doctor-left .list-doctor-left-detail .card-title{
        font-family: 'Prompt', sans-serif;
        font-size: 18px;
        color: #333;
        font-weight: 500;
        margin-bottom: 15px;
      }

      .card-doctor-left .list-doctor-left a{
        font-family: 'Sarabun', sans-serif;
        font-size: 16px;
        margin-top: 16px;
      }

      .card-doctor-left .list-doctor-left div:before {
        background-image: url('../../image/icon/icon-disease.png');
        content: ' ';
        display: inline-block;
        height: 20px;
        width: 20px;
        background-size: 20px;
        background-repeat: no-repeat;
        margin-right: 5px;
        vertical-align: middle;
        margin-bottom: 4px;
      }

      @media (max-width: 991px) {

        .card-doctor-left .banner-doctor-at-home-desease-detail{
          padding-left: 117px;
        }
        .card-doctor-left .banner-doctor-at-home-desease-detail h3.card-title{
          font-size: 20px;
          line-height: 26px;
          margin-bottom: 2px;
        }

        .card-doctor-left .banner-doctor-at-home-desease-detail div.card-detail{
          font-size: 14px;
          line-height: 21px;
        }
        .card-doctor-left .list-doctor-left-detail .card-title{font-size: 16px;}
      }
    /* End Card Doctor Left */

    /* Card Doctor List */
      .row.row-5{
        margin-left: -5px;
        margin-right: -5px;
      }
      .row.row-5 .px5{
        padding-left: 5px;
        padding-right: 5px;
      }
      .card-doctor{
        padding: 16px;
      }
      .card-doctor .content-box {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
      }

      .card-doctor .circle {
        object-position: center;
        width: 100%;
        padding-top: 100%;
        position: relative;
        border-radius: 50%;
        overflow: hidden;
      }

      .card-doctor .circle img {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
      }
      .card-doctor .card-detail .ex-major{
        height: 46px;
      }
      .card-doctor .card-detail .ex-major img.ex-major-list {
          width: 46px;
          height: 46px;
      }
      .card-doctor .card-detail {
        line-height: 1.3em;
        position: relative;
        padding: 0px;
        margin-top: -30px;
      }

      .card-doctor .doctor-name {
        color: #18377b;
        font-family: 'Prompt', sans-serif;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 8px;
        line-height: 1.5em;
      }

      .card-doctor .doctor-profile{
        margin-top: 10px;
        color: #18377b;
        font-size: 14px;
        /* margin-bottom: 8px; */
      }

      .card-doctor .doctor-profile p{margin-bottom:20px; line-height: 20px;}
      .card-doctor .topic {font-family: 'Prompt', sans-serif; font-size: 16px; font-weight: 500; color:#18377b;}
      .card-doctor .detail {font-family: 'Sarabun', sans-serif; font-size: 14px; color:#666666;}


      .card-doctor .card-footer{
        background-color: #fff0;
        border-top: 0px solid rgba(0,0,0,.125);
        padding: 0;
      }
      .card-doctor .btn{
        width: 100%;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
        margin: 5px 0px;
      }
      .card-doctor .btn-share,
      .card-doctor .btn-bookmark{
        width: 100px !important;
        height: 40px;
        background-color: #fff0;
        font-size: 16px !important;
      }
      .card-doctor .btn-share:hover,
      .card-doctor .btn-bookmark:hover{background-color: #fff;}
      .card-doctor .btn-green{background-color: #7accc8;color: #fff;}
      .card-doctor .btn-green:hover{background-color:#25938c;}
      .card-doctor .btn-share{color:#3a86b3;}
      .card-doctor .btn-bookmark{color: #26938b;}

      @media (min-width: 1440px) {
        .card-doctor .card-footer{padding: 0 19px;}
      }
    /* End Card Doctor List */

    /* Card FirstAid */
      .card-firstaid{
        border-radius: 0px;
        background-color: #fff0;
      }
      .card-firstaid .card-img-top{
        border-radius: 0px;
        width: 100%;
        height: auto;
        max-height: 236px;
      }
      .card-firstaid .card-img-top img{
        width: 100%;
        height: auto;
        object-fit: cover;
      }

      .card-firstaid .text-under-img{
        color: #3a86b3;
        font-size: 18px;
        text-align: center;
        background-color: #fff0;
        line-height: 34px;
        min-height: 30px;
        margin-bottom: 40px;
      }

      .card-firstaid:hover,
      .card-firstaid .text-under-img:hover{
        color: #333;
      }
      @media (max-width: 991px) {
        .card-firstaid .text-under-img{
          text-align: left;
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 20px;
          padding-top: 5px;
        }
      }
    /* End Card FirstAid */



    /* Card Profile Doctor */
    .card-profile-doctor {
      position: relative;
      background-color: #f2f7fd;
      border-radius: 6px;
      padding: 16px 80px;
      box-shadow: 0px 4px 16px 0px #a0acca4c;
    }
    /* .card-profile-doctor .border-circle {
      border-radius: 50%;
      border: 10px solid #eeeeee;
      padding: 10px;
    } */
    .card-profile-doctor .circle {
      object-position: center;
      width: 100%;
      padding-top: 100%;
      position: relative;
      border-radius: 50%;
      overflow: hidden;
    }

    .card-profile-doctor .circle img {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
    .card-profile-doctor .content-box {
      width: 300px;
      height: auto;
      margin-right: 80px;
    }

    .card-profile-doctor .card-body {
      margin: 0;
      vertical-align: top;
      color: #666666;
      margin: 0px;
      padding: 0px;
      line-height: 24px;
    }
    .card-profile-doctor .card-detail {
      font-family: 'Sarabun', sans-serif;
      color: #666;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 0px;
    }
    .card-profile-doctor .card-detail ul.doctor-contact-list{list-style: none; padding-left: 0px;}
    .card-profile-doctor .card-detail ul.doctor-contact-list a {color: #25938c;}
    .card-profile-doctor .card-title {
      font-family: 'Prompt', sans-serif;
      color: #18377b;
      font-size: 16px;
      line-height: 20px;
      font-weight: 500;
      margin-bottom: 0px;
    }
    .card-profile-doctor .doctor-expert,
    .card-profile-doctor .doctor-contact{
      margin-bottom: 16px;
    }
    .card-profile-doctor .doctor-name {
      font-family: 'Prompt', sans-serif;
      color: #18377b;
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 6px;
      line-height: 1.5em;
    }


    @media (max-width: 991px) {
      /* .card-profile-doctor {padding: 16px;} */
      .card-profile-doctor {padding: 16px 40px;}
      .card-profile-doctor .content-box {width: 300px;height: auto; margin-right: 40px;}
    }

    @media (max-width: 767px) {
      .card-profile-doctor {padding: 16px;}
      .card-profile-doctor .doctor-name {margin-top: 20px; font-size: 18px;}
      .card-profile-doctor .content-box {width: 300px;height: auto; margin: auto;}
      .card-profile-doctor .card-detail ul.doctor-contact-list li{line-height: 24px;min-height: 28px;}

      .card-doctor-left .banner-doctor-at-home-desease-detail h3.card-title span{
        font-weight: normal;
        padding-left: 0;
        display: block;
      }
    }



    /* Card Profile Doctor */

    .card.card-focus:hover,
    .card.card-article:hover,
    .card.card-promotion:hover,
    .card.card-doctor:hover{
        box-shadow: 0 4px 20px 0 #a0acca4f;
    }
    .card.card-article .card-title,
    .card.card-focus .card-title{
      font-family: 'Prompt', sans-serif;
    }


    /* Card Article List */
    .card-article .card-title {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 0px;
    }
    .card-article.card-landscape .card-title {
      font-size: 16px;
      line-height: 22px;
    }
    .card-article.card-landscape.card-landscape-test .card-title.card-title-test {
      /* white-space: wrap;
      width: 100%;
      height: 38px;
      overflow: hidden;
      text-overflow: ellipsis;  */
    }

    .card-article.card-landscape.card-landscape-test  .card-img.object-fit_cover {
      object-fit: unset;
      height: auto;
    }
    .card-article.card-landscape .card-body{
      min-height: 100%;
    }
    .card-article.card-landscape .card-detail{
      padding-top: 2px;
      padding-bottom: 2px;
    }
    .card-article.card-landscape .card-detail .text-date,
    .card-article.card-landscape .card-detail .text-category{
      font-size: 12px !important;
    }

    .card-article.card-landscape .card-detail .text-date{
      padding-right: 4px !important;
    }
    .card-article.card-landscape .card-detail .text-category{
      margin-left: 4px !important;;
      padding: 2px 3px;
    }

    .card-article.card-self-stretch .card-body {height: auto;}
  /* End Card Article List */
    @media (max-width: 1440px) {
      .card-article.card-landscape .card-title {
        font-size: 14px;
        line-height: 18px;
      }
    }
    @media (max-width: 1200px) {
      .card-article.card-landscape .card-title {
        font-size: 14px;
      }
      .card-article.card-landscape .card-body{padding: 5px 10px;}
      .card-article.card-landscape .card-body .btn-share,
      .card-article.card-landscape .card-body .btn-bookmark{
        padding-left: 8px;
        padding-right: 8px;
        font-size: 14px;
      }
      /* .card-article.card-landscape .box-group-line{flex-direction: column!important;align-items: flex-start!important;} */
      /* .card-article.card-landscape .box-group-line div{border-right: 0px #666 solid;} */
      .card-article.card-landscape .box-group-line div.text-category{margin-left: 0!important;}
    }
    @media (max-width: 991px) {
      .card-article.card-landscape .card-body {
        min-height: auto;
      }
      .card-article.card-landscape .card-body .btn-bookmark{
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
      }
      /* .card-article.card-landscape .box-group-line{align-items: center!important;} */
      .card-article.card-landscape .box-group-line div{border-right: 1px #666 solid;}
      .card-article.card-landscape .box-group-line div:last-child{border-right: 0px #666 solid;}
      .card-article.card-landscape .box-group-line div.text-category{margin-left: .5rem!important;}
      .card-article .card-title,.card-article.card-landscape .card-title {font-size: 16px; line-height: 22px;}
      .card-article .card-body {padding: 12px;}
    }


    /* Card User Save Doctor */

    .card-user-save-doctor{padding: 16px 16px 26px 30px;background-color: #f3fbff;margin-bottom: 16px;}
    .card-user-save-doctor .card-detail{margin-left: 40px;min-height: 100%;}
    .card-user-save-doctor .card-detail .doctor-name{
      color: #18377b;
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 16px;
    }
    .card-user-save-doctor .card-detail .card-content-list{margin-bottom: 16px;}
    .card-user-save-doctor .card-detail .card-content-list .topic{
      color: #18377b;
      font-size: 16px;
      font-weight: 500;
      min-width: 180px;
      margin-right: 16px;
      font-family: 'Prompt', sans-serif;
    }
    .card-user-save-doctor .card-detail .card-content-list .detail{
      font-family: 'Sarabun', sans-serif;
      font-size: 16px;
      line-height: 27px;
      color: #666;
    }
    .card-user-save-doctor .card-footer{background-color: #fff0;padding: 0;border-width: 0px;min-width: 210px;}
    .card-user-save-doctor .btn-outline-green{background-color: #fff;}
    .card-user-save-doctor .btn-outline-green:hover{background-color: #26938b;}
    .card-user-save-doctor .card-footer .btn-share{
      height: 38px;
      background-color: #fff0;
      color: #3a86b3;
      font-size: 16px;
      font-weight: normal;
    }
    .card-user-save-doctor .card-footer .btn-share:hover{background-color: #fff;}



    .card-user-save-doctor .content-box {width: 200px;height: 200px;margin: auto;}
    .card-user-save-doctor .content-box .card-img{width: 200px;height: 200px;}
    .card-user-save-doctor .content-box .card-img .circle{
      object-position: center;
      width: 200px;
      padding-top: 200px;
      position: absolute;
      border-radius: 50%;
      overflow: hidden;
    }
    .card-user-save-doctor .card-img .circle img {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
    .card-user-save-doctor .content-box .ex-major{height: 46px;position: relative;bottom: 40px;}
    .card-user-save-doctor .content-box .ex-major img{width: 46px;height: 46px;}

    @media (max-width: 991px) {
      .card-user-save-doctor{
        padding: 16px;
      }
      .card-user-save-doctor .content-box {
        width: 100%;
        margin: auto;
      }
      .card-user-save-doctor .content-box .card-img{
        margin: auto;
      }

      .card-user-save-doctor .card-detail{
        margin-top:30px;
        margin-left: 0px;
      }
      .card-user-save-doctor .card-detail .card-content-list{
        min-width: auto;
        display: contents;
      }
      .card-user-save-doctor .card-detail .card-content-list .topic{
        font-size: 16px;
        min-width: unset;
      }
      .card-user-save-doctor .card-detail .card-content-list .detail{
        font-size: 14px;
        line-height: 22px;
      }


      .card-user-save-doctor .card-detail .card-btn-group,
      .card-user-save-doctor .card-footer{
        width: 236px;
        margin: auto;
      }
      .card-user-save-doctor .card-detail .card-btn-group .btn{
        width: 100%;
        margin-bottom: 10px;
        padding: 10px 6px;
      }
      .card-user-save-doctor .card-footer .dropdown-share-content {
          left: -45px;
      }
      .card-user-save-doctor .card-footer  .dropdown-share-content:after,
      .card-user-save-doctor .card-footer  .dropdown-share-content:before {
          left: 90px;
      }



    }
    /* End Card User Save Doctor  */

    /* Card User Save Focus */
    .card-user-save-artical{
      width: auto;
      min-height:236px;
      margin-bottom: 16px;
      box-shadow: 0 1px 0 0 #00000040;
      border-radius: 0px;
      background-color: #fff0;
    }
    .card-user-save-artical .content-box{min-width: 420px;height: 220px;}
    .card-user-save-artical .content-box img{width: 100%;}
    .card-user-save-artical .card-body{padding: 16px 20px;min-height: 236px;}
    .card-user-save-artical .card-body .topic{font-size: 18px; line-height: 32px; font-weight: bold; color: #26938b;}
    .card-user-save-artical .card-footer{background-color: #fff0;padding: 0;border-width: 0px;min-width: 232px; padding: 16px;}
    .card-user-save-artical .btn-outline-green{background-color: #fff;}
    .card-user-save-artical .btn-outline-green:hover{background-color: #26938b;}
    .card-user-save-artical .card-footer .btn-share{
      height: 38px;
      background-color: #fff0;
      color: #3a86b3;
      font-size: 16px;
      font-weight: normal;
    }
    .card-user-save-artical .card-footer .btn-share:hover{background-color: #fff;}

    @media (max-width: 991px) {
      .card-user-save-artical .content-box{
        width: 100%;
        min-width: auto;
        height: auto;
      }
      .card-user-save-artical .card-body{
        min-height: auto;
      }
      .card-user-save-artical .card-footer{
        padding-left: 40px;
        padding-right: 40px;
      }
      .card-user-save-artical .card-footer .dropdown-share-content {
        left: -60px;
      }
      .card-user-save-artical .card-footer  .dropdown-share-content:after,
      .card-user-save-artical .card-footer  .dropdown-share-content:before {
          left: 90px;
      }
    }

    /* Card User Save Promotion */
    .card-user-save-promotion{
      min-height: 220px;
      width: 100%;
      box-shadow: 0 4px 20px 0 #a0acca4f;
      margin-bottom: 16px;
    }

    .card-user-save-promotion .card-img{
      max-width: 420px;
      height: 100%;
    }
    .card-user-save-promotion .card-body{
      min-height: 220px;
      padding: 16px 16px 0px 20px;

    }
    .card-user-save-promotion .card-body .card-topic{
      font-family: 'Prompt', sans-serif;
      font-size: 20px;
      font-weight: 500;
      line-height: 32px;
      color: #333;

    }
    .card-user-save-promotion .card-body .hopital-name{
      font-family: 'Prompt', sans-serif;
      font-size: 16px;
      line-height: 22px;
      color: #26938b;
      font-weight: bold;
    }
    .card-user-save-promotion .card-body .category{
      font-family: 'Sarabun', sans-serif;
      font-size: 16px;
      line-height: 22px;
      color: #26938b;
      padding: 1px 0px;
    }

    .card-user-save-promotion .card-body .date{
      font-family: 'Prompt', sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: #26938b;
    }

    .card-user-save-promotion .card-footer {
      background-color: #fff0;
      padding: 0;
      border-width: 0px;
      min-width: 232px;
      padding: 16px;
    }

    .card-user-save-promotion .card-footer .btn-share {
      height: 38px;
      background-color: #fff0;
      color: #3a86b3;
      font-size: 16px;
      font-weight: normal;
  }
  .card-user-save-promotion .card-price{
    width: 100%;
    padding: 6px 20px 10px;
  }
  .card-user-save-promotion .card-price .price{
    border-top: #c4c4c4 1px solid;
    text-align: right;
    width: 100%;
    font-size: 24px;
    line-height: 36px;
    color: #26938b;
    font-weight: bold;
    padding-top: 6px;
  }

  @media (max-width: 991px) {

    .card-user-save-promotion .card-img {
      max-width: unset;
      width: 100%;
    }
    .card-user-save-promotion .card-body {
      min-height: unset;
    }
    .card-user-save-promotion .card-price {
      padding-bottom: 0px;
    }
    .card-user-save-promotion .card-footer {
      padding-top: 10px;
      padding-left: 40px;
      padding-right: 40px;
    }
    .card-user-save-promotion .card-footer .dropdown-share-content {
      left: -60px;
    }
    .card-user-save-promotion .card-footer  .dropdown-share-content:after,
    .card-user-save-promotion .card-footer  .dropdown-share-content:before {
        left: 90px;
    }
  }

/* End Card Style  */

/* DropDown Style */
  .dropdown-share {
    position: relative;
    display: inline-block;
  }
  .box-share-content{
    display: none;
    position: absolute;
    padding-top: 10px;
  }
  .dropdown-share-content {
    display: block;
    position: relative;
    background-color: #fff;
    min-width: 184px;
    height: 50px;
    /* top: 50px; */
    left: -45px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 1px solid #d7d7d7;
    z-index: 1;
    padding: 7px;
  }
  .dropdown-share-content .box-social {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    /* border: 1px solid #000; */
  }
  .dropdown-share:hover .box-share-content {display: block;}
  .dropdown-share-content:after, .dropdown-share-content:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .dropdown-share-content:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    margin-left: -9px;
  }
  .dropdown-share-content:before {
    border-color: rgba(215, 215, 215, 0);
    border-bottom-color: #d7d7d7;
    border-width: 11px;
    margin-left: -11px;
  }

  @media (max-width: 576px) {
    .dropdown-share-content{
      left: 0px;
    }
    .dropdown-share-content:after, .dropdown-share-content:before {
      left: 44px;
    }
  }
/* End DropDown Style */


/* Icon Style */
  .i-fx{
    width: 24px;
    height: 24px;
    flex-grow: 0;
    margin: 0 5px 2px 0;
    object-fit: contain;
  }
  .i-home-alt {
    background-image: url('../../image/icon/home-alt.svg');
  }
/* End Icon Style */



/* Border Color */
.border-blue {
  border-color: #3a86b3 !important;
}

.border-green {
  border-color: #53b3ab !important;
}



/* Navigator Bar */
.navbar {
  border-top: solid 3px #2e4565;
  padding: 0rem 0rem;
}

.navbar-brand {
  /* width: 18%; */
  margin-left: 0;
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;

}
.navbar-brand img{
  width: 228px;
  color: transparent;
}

@media (min-width: 768px) {
    .navbar-brand img{
        width: 301px;
    }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    float: right;
    margin-right: 1rem;
  }
}
.navbar-collapse,
.navbar-toggler {
  margin-right: 0rem;
}

.navbar-light .navbar-toggler {
  margin-right: 1rem;
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0);
  padding: 8px 5px;
  height: 36px;
  font-size: 16px;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #37b3ab;
}

.navbar-nav .nav-link {
  padding-left: 8px;
  padding-right: 8px;
}

.navbar-nav .active a {
  color: #37b3ab !important;
  background-color: #e1faf8;
  border-bottom: solid 3px #37b3ab;
}



.navbar-nav .nav-item.icon-home a{
  /* background-image: url('/themes/default/app/assets/image/icon-first1.png'); */
  background-image: url('../../image/icon/home-black.svg');
  background-repeat: no-repeat;
  background-position-y:center;
  background-position-x:5px;
  padding-left: 34px;
}
.navbar-nav .nav-item.active.icon-home a{
  background-image: url('../../image/icon/home-green.svg');
}

.navbar-nav .nav-link {
  padding-left: 15px;
  padding-right: 15px;
}



@media screen and (max-width: 600px) {
  .navbar-brand {
    float: left;
  }
}

@media screen and (max-width: 1250px) {
  .navbar-brand {
    display: inline-block;
    /* width: 180px; */
  }

  .navbar-nav .nav-item.icon-home {
    background-position-x: 14px;
  }

  /* .navbar-light .navbar-nav .nav-item:hover {
    color: #37b3ab;
    background-color: #e1faf8;
    color: #37b3ab;
    border-bottom: solid 3px #37b3ab;
    margin-bottom: 0px;
  } */
}

@media screen and (max-width: 1250px) {
  .navbar-brand {
    display: inline-block;
    /* width: 180px; */
  }
}

/* .navbar-nav .nav-item { */
  /* height: 34px; */
  /* line-height: 34px; */
/* } */

.navbar-nav .active a {
  color: #37b3ab !important;
  background-color: #e1faf8;
  border-bottom: solid 3px #37b3ab;
}

.navbar-nav .nav-item a:hover {
  color: #37b3ab;
  text-decoration: none;
}

.navigator {
  display: block;
  clear: both;
  line-height: 2em;
  padding: 0;
  font-size: 0.86em;
  margin: 0;
  background-color: #f0fefe;
}

.section-gray{
  padding-top: 20px;
  background-color: #fafafa;
}
.section-gray .box-promotion-list .card:hover{box-shadow: 0 4px 20px 0 #a0accacc;}


.breadcrumb {background-color: #e9ecef00 !important;padding: .75rem 0rem;}
.breadcrumb-item+.breadcrumb-item::before {color: #333;content: ">";}
.breadcrumb-item.active {color: #37b3ab;}
.breadcrumb-item a{color: #333;}

/* Background */
.bg-blue-light {
  background-color: #D7EBF6 !important;
}

.bg-blue {
  background-color: #3a86b3 !important;
}

.bg-green {
  background-color: #7accc8;
}

/* Banner */
.top-banner img {
  width: 100%;
  height: auto;
  display: block;
}

.top-banner {
  padding: 0;
}


.banner-covid-2019{
  position: relative;
}
.banner-covid-2019::after{
  content: "";
  letter-spacing: 0.56px;

  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ee0000;
  font-weight: bold;
  font-family: 'Prompt', sans-serif;
  font-size: 28px;
  text-shadow: 0 0 8px #ffaa97;
}

@media (max-width: 576px) {
  .banner-covid-2019::after{
    content: "";
  }
}


.banner-doctor-majorsearch,
.banner-disease{
  font-family: 'Prompt', sans-serif;
  height: 340px;
  width: 100%;
}

.banner-doctor-majorsearch{
  background-image: url('../../image/img-doctor-majorsearch-large.png');
  background-position-x:  right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-color: #d7efef;
}
.banner-doctor-majorsearch .banner-find-doctor-text {width: 100%;padding-left: 60px;}
.banner-doctor-majorsearch .banner-find-doctor-text h1 {font-size: 50px; font-weight: 600;}
.banner-doctor-majorsearch .banner-find-doctor-text h2 {font-size: 34px; font-weight: 500;}
.banner-doctor-majorsearch .banner-find-doctor-text .text-muted {font-size: 36px; color:#666}
.banner-doctor-majorsearch .banner-find-doctor-text .text-muted span {font-size: 36px; color: #519f99;}
.banner-doctor-majorsearch .banner-find-doctor-text .banner-find-doctor-btn {padding: 5px;width: 160px;font-size: 18px;}
.banner-doctor-majorsearch .banner-find-doctor-btn {
  background-color: #7accc8;
  padding: 8px;
  width: 220px;
  height: 60px;
  font-size: 18px;
  color: #fff;
}


.banner-disease{
  background-image: url('../../image/img-banner-disease-large.png');
  background-position-x:  left;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
}
.banner-disease:after{
  content: "ครั้งแรกในประเทศไทย";
  color: #fff;
  font-family: 'Kanit-Regular';
  font-size: 22px;
  position: absolute;
  top: 30px;
  right: 0px;
  width: 233px;
  height: 60px;
  text-align: right;
  padding: 12px 8px;
  /* background-color: #297fb1; */
  background-image: url('../../image/icon/tag-blue-large.svg');
  /* box-shadow: -3px 3px 3px 0px #00000019; */
}


.banner-disease .banner-disease-text {width: 100%;padding:16px; padding-left: 50%;}
.banner-disease .banner-disease-text h1{
  font-size: 50px;
  color: #3a86b3;
  font-weight: 600;
}
.banner-disease .banner-disease-text .text-detail{
  color: #25938c;
  margin-bottom: 20px;
}
.banner-disease .banner-disease-btn {
  background-color: #7accc8;
  padding: 8px;
  width: 180px;
  height: 60px;
  font-size: 18px;
  color: #fff;
}


@media (max-width: 1400px) {
  .banner-doctor-majorsearch{
    background-image: url('../../image/img-doctor-majorsearch-large.png');
    background-position: right -260px top 0px;
  }

  .banner-disease{background-size: auto 100%;}
}
@media (max-width: 1200px) {
  .banner-doctor-majorsearch{background-position-x:  480px;}

  .banner-disease{background-size: auto 100%;}
  .banner-disease .banner-disease-text {padding-left: 50%;}
}
@media (max-width: 991px) {

  .banner-doctor-majorsearch{
    background-image: url('../../image/img-doctor-majorsearch-large.png');
    background-position-x:  480px;
  }
  .banner-disease{background-position: left -60px top 0px;}
  .banner-disease .banner-disease-text {padding-left: 40%;}
}

@media (max-width: 767px) {
  .banner-doctor-majorsearch{
    background-image: url('../../image/img-doctor-majorsearch-large.png');
    background-position:  right -40px top 0px;
    background-size: auto 100%;
    height: 170px;
  }
  .banner-doctor-majorsearch .banner-find-doctor-text {padding-left: 40px;}
  .banner-doctor-majorsearch .banner-find-doctor-text h1 {font-size: 24px;font-weight: 600;}
  .banner-doctor-majorsearch .banner-find-doctor-text h2 {font-size: 18px;}
  .banner-doctor-majorsearch .banner-find-doctor-text .text-muted {font-size: 18px;}
  .banner-doctor-majorsearch .banner-find-doctor-text .text-muted span {font-size: 18px;}
  .banner-doctor-majorsearch .banner-find-doctor-text .banner-find-doctor-btn {padding: 5px;width: 160px;height: 40px;font-size: 18px;}

  .banner-disease{
    height: 170px;
    background-position: unset;
    background-size: cover;
  }

  .banner-disease .banner-disease-text {width: 100%;padding-left: 40%;}
  .banner-disease .banner-disease-text h1{font-size: 24px;}
  .banner-disease .banner-disease-text .text-detail{font-size: 16px;margin-bottom: 0px;}
  .banner-disease .banner-disease-btn {
    padding: 5px;
    height: 40px;
  }
}
@media (max-width: 576px) {

  .banner-doctor-majorsearch{
    background-image: url('../../image/img-doctor-majorsearch-large.png');
    background-position-x: 260px;
    background-size: auto 100%;
    height: 170px;
  }

  .banner-disease{
    background-image: url('../../image/img-banner-disease-large.png');
    background-position-x: -50px;
    background-size: auto 100%;
    height: 200px;
  }
  .banner-disease:after{
    font-size: 16px;
    position: absolute;
    top: 4px;
    right: 0px;
    width: 170px;
    height: 36px;
    text-align: right;
    padding: 6px 8px;
    background-image: url('../../image/icon/tag-blue-small.svg');
    background-size: 100% 40px;
    background-repeat: no-repeat;
    /* background-color: #297fb1; */
  }
  .banner-disease .banner-disease-text {padding-left: 35%; padding-top: 50px;}
  .banner-disease .banner-disease-btn {height: 40px;}

}
@media (max-width: 375px) {
  .banner-doctor-majorsearch{
    background-image: url('../../image/img-doctor-majorsearch-small.png');
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: 160px auto;
  }
  .banner-doctor-majorsearch .banner-find-doctor-text {padding-left: 16px;}

  .banner-disease{
    background-image: url('../../image/img-banner-disease-small.png');
    background-size: auto 100%;
    background-position-x: left;
  }
  .banner-disease .banner-disease-text {padding-left: 145px; padding-right: 6px;}
}




.banner-text {
  background-color: #7accc8;
  color: #fff;
  font-size: 1.6em;
  line-height: 1em;
  text-align: center;
  font-family: 'Prompt', sans-serif;
  margin: 0;
  display: block;
  padding: .5em 20px;
}

.text-topic {
  font-weight: bold;
}

#container-search {
  background-color: #87cad0;
}

/* #search-banner{
    background-image: url("../assets/image/bg-doctorathome.jpg");
} */

.search-content {
  padding: 20px;
}

.search-box {
  margin-bottom: 1rem;
}

.search-box-btn {
  margin-left: 10px;
  margin-right: 10px;
}

/* @media (max-width: 767px){
    .banner-doctor-search-img {
        max-height: 350px;
        width: 100%;
    }
    .banner-doctor-search-img img{
        width: 100%;
    }
} */

.banner-text-common,
.banner-text-desease,
.banner-text-doctor,
.banner-text-firstaid,
.banner-text-healthcheck,
.banner-text-user
{
  min-height: 44px;
  width: 100%;
  background-color: #7accc8;
  color: #fff;
  font-size: 24px;
  line-height: 1em;
  text-align: center;
  font-family: 'Prompt', sans-serif;
  display: block;
  padding: .5em 16px;
  display: flex;
  align-items: center!important;
  justify-content: center!important;
}

.banner-text-healthcheck{
  font-size: 22px;
}

.banner-text-user-profile
{
  min-height: 80px;
  width: 100%;
  background-color: #7accc8;
  color: #fff;
  text-align: center;
  font-family: 'Prompt', sans-serif;
  display: block;
  padding: 12px 16px;
}
.banner-text-user-profile .title{
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 6px;
  display: block;
}
.banner-text-user-profile .detail{
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  display: block;
}


.banner-text-sub-user,
.banner-text-sub-healthcheck{
  min-height: 42px;
  width: 100%;
  background-color: #e1faf8;
  color: #25938c;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  font-family: 'Prompt', sans-serif;
  font-weight: 400;
  padding: 5px 16px;
}

.banner-sub-text-doctor,
.banner-sub-text-focus,
.banner-sub-text-article,
.banner-sub-text-promotion{
    min-height: 42px;
    width: 100%;
    background-color: #7accc8;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    padding: 10px 16px;
    display: flex;
    align-items: center!important;
    justify-content: center!important;
}

  .banner-text-desease h4,
  .banner-text-doctor h4,
  .banner-text-healthcheck h4,
  .banner-text-user h4{
    margin-bottom: 0px;
  }

.banner-text h4,
.banner-text h5 {
  margin-bottom: 0px;
}

@media (max-width: 991px) {
  .banner-text h4 {
    font-size: 20px;
  }

  .banner-text-common,
  .banner-text-desease,
  .banner-text-doctor,
  .banner-text-firstaid,
  .banner-text-healthcheck,
  .banner-text-user{
    font-size: 20px;
    line-height: 24px;
    min-height: 40px;
  }
}

/* Banner Box doctor-at-home */

  .banner-doctor-at-home-desease{
    border-radius: 0px;
    min-height: 160px;
    width: 100%;
    background-color: #89cace;
    background-image: url('../../image/icon/img-doctor-small.png');
    background-size: auto 100%;
    background-position:left top;
    background-repeat: no-repeat;
    padding-left: 160px;
    color: #fff;
  }

  .banner-doctor-at-home-desease .card-title{
    font-size: 26px;
    line-height: 38px;
    font-family: 'Prompt', sans-serif;
    position: relative;
  }

  .banner-doctor-at-home-desease .card-title span{
    padding-left: 16px
  }
  .banner-doctor-at-home-desease .card-title em{
    font-style: normal;
    font-size: 20px;
    position: absolute;
    top: -8px;
  }
  .banner-doctor-at-home-desease .card-subtitle{
    font-size: 18px;
    line-height: 24px;
    font-family: 'Prompt', sans-serif;
  }

  .banner-doctor-at-home-desease .card-detail{
    font-family: 'Sarabun', sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .banner-doctor-at-home-desease .card-detail .reference{font-family: 'Prompt', sans-serif;font-weight: 500;font-size: 17px;}

  .banner-doctor-at-home-desease.banner-tag{
    position: relative;
  }
  .banner-doctor-at-home-desease.banner-tag::after{
    content: "ครั้งแรกในประเทศไทย";
    position: absolute;
    top: 0;
    right: 0;
    width: 233px;
    height: 56px;
    color: #fff;
    font-size: 22px;
    font-family: 'Kanit-Regular';
    font-weight: 500;
    padding: 12px 8px;
    text-align: right;
    /* background-color: #297fb1; */
    background-image: url('../../image/icon/tag-blue-large.svg');
    /* box-shadow: -3px 3px 3px 0px #00000019; */
  }

  @media(max-width:768px) {
    .banner-doctor-at-home-desease .card-title span{
      display: block;
      padding-left: 0;
    }
  }

  @media(max-width:992px){
    .banner-doctor-at-home-desease{
      min-height: 260px;
      background-image: url('../../image/icon/img-doctor-medium.png');
      background-size: auto 100%;
      padding-left: 127px;
      background-position-x:-5px ;
    }
    .banner-doctor-at-home-desease .card-title{
      font-size: 18px;
      line-height: 24px;
      /* font-weight: bold; */
      margin-bottom: 7px;
    }
    .banner-doctor-at-home-desease .card-body{ padding-right: 6px; padding-left: 0;}
    .banner-doctor-at-home-desease .card-subtitle{font-size: 16px;line-height: 22px;}
    .banner-doctor-at-home-desease .card-detail{font-family: 'Sarabun', sans-serif;font-size: 14px;line-height: 20px;padding: 0;}
    .banner-doctor-at-home-desease .card-detail .reference{font-size: 14px;}
    .banner-doctor-at-home-desease.banner-tag{
      min-height: 300px;
      background-position-y:bottom ;
      padding-top: 40px;
      background-size: auto 260px;
    }

    .banner-doctor-at-home-desease.banner-tag::after{
      content: "ครั้งแรกในประเทศไทย";
      position: absolute;
      top: 4px;
      right: 0;
      width: 170px;
      height: 36px;
      color: #fff;
      font-size: 16px;
      padding: 6px 8px;
      background-image: url('../../image/icon/tag-blue-small.svg');
      background-size: 100% 40px;
    }
    /* .banner-doctor-at-home-desease.banner-tag {

    } */
    .container-banner-doctor-at-home-desease{padding: 0;}

  }

  /* Banner Docter At Home */
  .banner-doctor-at-home {
    background-image: unset;
    background-color: #8bcacf;
    display: flex;
    align-items: center;

    height: auto;
    padding: 30px;
    color: #fff;
  }
  .banner-doctor-at-home .header {
    font-size: 1em;
    line-height: 1em;
  }
  .banner-doctor-at-home .sub-header {
    font-size: 1em;
    line-height: 1.2em;
  }
  .banner-doctor-at-home .reference {
    font-size: 0.8em;
  }
  @media (min-width: 991px) {
    .banner-doctor-at-home {
      background-size: 230px 100%;
      height: 230px;
      padding-left: 230px;
    }

    .banner-doctor-at-home .header {
      font-size: 1.3em;
      line-height: 1.3em;
    }

    .banner-doctor-at-home .sub-header {
      font-size: 1.4em;
      line-height: 1.8em;
    }

    .banner-doctor-at-home .reference {
      font-size: 1em;
    }
  }
  @media (min-width: 576px) {
    .banner-doctor-at-home {
      background-image: url("../../image/bg-healthcheck.jpg");
      background-position: left;
      background-repeat: no-repeat;
      background-size: 200px 100%;
      height: 200px;
      padding-left: 180px;

    }

    .banner-doctor-at-home .header {
      font-size: 0.8em;
      line-height: 1em;
    }

    .banner-doctor-at-home .sub-header {
      font-size: 1em;
      line-height: 1.5em;
    }

    .banner-doctor-at-home .reference {
      font-size: 0.8em;
    }
  }
  /* End Banner Docter At Home */


  /* Banner Virus Covid */
  .banner-virus-covid{
    margin-bottom: 30px;
    /* background: url('../../image/icon/img-virus-left.svg') left top no-repeat, url('../../image/icon/img-virus-right.svg') right top no-repeat; */
  }

  /* End Banner Virus Covid */



/* Banner Box doctor-at-home */

.banner-doctor-search-img {
  height: 338px;
  min-width: 456px;
  background-image: url('../../image/bg-doctorathome.jpg');
  background-repeat: round;
  background-size: 100%;
}

.banner-doctor-search-img img {
  display: none;
}

.banner-doctor-search-text {
  background-color: #87cad0;
}

.banner-doctor-search-text {
  padding: 20px;
}

@media (max-width: 991px) {
  .banner-doctor-search-img {
    background-image: unset;
    min-width: unset;
    max-height: 460px;
    height: auto;
    width: 100%;
  }

  .banner-doctor-search-img img {
    display: block;
    width: 100%;
  }
}




/* Landing Page Box  doctor-at-home*/
.box-landing-page {
  font-family: 'Prompt', sans-serif;
}

.box-landing-page .banner-landing-page {
  background-image: url(../../image/icon/img-doctor-xx-large.png);
  background-position: top 0 left 15%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: calc(20vw + 32px);
  width: auto;
  background-color: #88c9d0;
  padding-left: calc((45% - 5vw) + 40px);
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}
.box-landing-page .banner-landing-page .box-banner{padding: 16px;}
.box-landing-page .banner-landing-page .title {
  font-family: 'Sarabun', sans-serif;
  font-size: 4.2vw;
  color: #fff;
  font-weight: 500;
  text-shadow: 4px 4px 6px #0003;
}
.box-landing-page .banner-landing-page .sub-title {
  font-size: 2.17vw;
  color: #fff;
}
.box-landing-page .banner-landing-page .detail {
  font-size: 1.85vw;
  color: #fff;
}
.box-landing-page .banner-landing-page .ref {
  font-size: 1.7vw;
  color: #468187;
}

.box-landing-page .box-img.img-mobile{
  width: 40%;
  min-width: 295px;
  height: auto;
  margin: auto;
  margin-bottom: 60px;
}
.box-landing-page .box-img.img-mobile img{
  width: 100%;
  height: auto;
}

.box-landing-page .box-list{
  padding:40px;
}
.box-landing-page .box-list .row.row-40{
  margin-left: -20px;
  margin-right: -20px;
}
.box-landing-page .box-list .row.row-40 .px-40{
  padding-left: 20px;
  padding-right: 20px;
}

.box-landing-page .box-list .card-landing-page {
  margin-bottom: 40px;
  background-color: #fff0;
}
.box-landing-page .box-list .card-landing-page .card-title{
  display: inline-flex;


}
.box-landing-page .box-list .card-landing-page .card-body {padding: 0;}

.box-landing-page .box-list .card-landing-page .number {
  /* width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #89cace;
  display: flex;
  align-items: center; */
}
.box-landing-page .box-list .card-landing-page .card-title {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  min-height: 80px;
}
.box-landing-page .box-list .card-landing-page .title {
  font-family: 'Prompt', sans-serif;
  font-weight: 500;
  margin-left: 20px;
  color: #34547d;
  font-size: 1.65vw;
  line-height: 2.4vw;
  min-height: 36px;
}
.box-landing-page .box-list .card-landing-page .number .text-number{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-family: 'Prompt', sans-serif;
  font-weight: bold;
  color: #fff;
  font-size: 26px;
  background-color: #89cace;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-landing-page .box-footer{
  width: 100%;
  height: auto;
  font-family: 'Prompt', sans-serif;
  text-align: center;
}

.box-landing-page .box-footer .title{
  font-size: 60px;
  line-height: 90px;
  font-weight: 600;
  color: #46928f;
  max-width: 543px;
  margin: auto;
}
.box-landing-page .box-footer .detail{
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  color: #46928f;
  max-width: 543px;
  margin: auto;
  margin-bottom: 40px;
}
.box-landing-page .box-footer .box-img.img-qrline{
  max-width: 768px;
  height: auto;
  margin: auto;
  margin-bottom: 100px;
}
.box-landing-page .box-footer .box-img.img-qrline img{
  width: 100%;
  height: auto;
}




@media (max-width: 991px) {
  .box-landing-page .box-img.img-mobile {
    margin-bottom: 40px;
  }
  .box-landing-page .box-list .row.row-40 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .box-landing-page .box-list{
    padding: 0;
  }
  .box-landing-page .box-list .card-landing-page {
    margin-bottom: 30px;
  }
  .box-landing-page .box-list .card-landing-page .card-title {
    min-height: 50px;
  }
  .box-landing-page .box-list .card-landing-page .title {
    margin-left: 10px;
    font-size: 16px;
    line-height: 24px;
    min-height: 48px;
    display: flex;
    align-items: center;
  }
  .box-landing-page .box-list .card-landing-page .number .text-number{
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .box-landing-page .box-footer .title {
    font-size: 4.2vw;
    line-height: 4.5vw;
    margin-bottom: 2vw;
  }
  .box-landing-page .box-footer .detail {
    font-size: 2.2vw;
    line-height: 3.2vw;
    margin-bottom: 2vw;
    max-width: 524px;
  }


  .box-landing-page .box-footer .box-img.img-qrline{
    max-width: 70%;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .box-landing-page .box-footer .detail {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    max-width: 343px;
  }
}

@media (max-width: 576px) {
  .box-landing-page .banner-landing-page{
    min-height: 275px;
    background-image: url('../../image/icon/img-doctor-medium.png');
    background-position: top 0px left 0;
    padding-left: 145px;
  }
  .box-landing-page .banner-landing-page .title {
    font-size: 30px;
    margin-bottom: 4px;
  }
  .box-landing-page .banner-landing-page .sub-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .box-landing-page .banner-landing-page .detail {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .box-landing-page .banner-landing-page .ref {
    font-size: 14px;
  }

  .box-landing-page .box-footer .box-img.img-qrline{
    max-width: 300px;
  }

  .box-landing-page .box-footer .title {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 6px;
  }
  .box-landing-page .box-footer .detail {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    max-width: 343px;
  }
}
@media (max-width: 576px) {
  .box-landing-page .banner-landing-page{
    background-position: top 0px left 0px;
    padding-left: 142px;
    padding-right: 14px;
    margin-bottom: 40px;
  }
  .box-landing-page .banner-landing-page .box-banner {
    padding: 0;
  }
  .box-landing-page .box-footer .detail {
    max-width: 306px;
  }
}

/* End Landing Page Box doctor-at-home*/





.topic-char {
  padding-left: 15px;
  border-left: 8px solid #3a86b3;
  color: #3a86b3;
  background-color: #ebedec;
  line-height: 2.2em;
}

.text-topic {
  font-weight: bold;
}

.text-topic-list {
  clear: both;
  display: block;
  background-color: #dcf0fb;
  font-family: 'Prompt', sans-serif;
  font-weight: normal;
  color: #3a86b3;
  line-height: 2em;
  text-align: center;
  font-size: 1.2em;
  padding: 15px;
}

.text-topic-totle {
  clear: both;
  display: block;
  background-color: #dcf0fb;
  font-weight: normal;
  color: #3a86b3;
  line-height: 2em;
  text-align: left;
  font-size: 1.2em;
  padding: 15px;
}

#container-search {
  background-color: #87cad0;
}

/* #search-banner{
    background-image: url("../assets/image/bg-doctorathome.jpg");
} */


.search-box {
  margin-bottom: 1rem;
}

.search-box-btn {
  margin-left: 10px;
  margin-right: 10px;
}


.content-block-detail {
  /* font-size: .9em; */
  line-height: 1.4em;
  color: #868686;
  clear: both;
}
.content-block-detail img {width: 100%;}
/* .content-block-expand {
  width: 20px;
  float: right;
  height: 22px;
  background-image: url("../../image/icon/icon-collapse.png");
  background-repeat: no-repeat;
  background-size: 20px;
}
.content-block-expand.hide {display: none;} */





.linkbox a {
  font-family: 'Sarabun', sans-serif;
  display: inline-block;
  border: solid thin #61acd9;
  background-color: #fff;
  padding: 7px 16px;
  border-radius: 20px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  color: #3a86b3;
  font-size: 16px;
  margin-right: 4px;
  margin-bottom: 12px;
}
.linkbox a.active{
  background-color: #dcf0fb;
  border-color: #dcf0fb;
}
.linkbox a:hover {
  /* background-color: #3a86b3;
  color: #fff; */
  background-color: #dcf0fb;
  border-color: #dcf0fb;
}

.link-desease-list a{
  font-size: 16px;
  line-height: 24px;
  color: #333;
  font-family: 'Sarabun', sans-serif;
}
.link-desease-list a:hover,
.small.link-desease-list a:hover{
  color: #3a86b3;
  text-decoration: underline;
}

.small.link-desease-list,
.small.link-desease-list a{
  color: #333333;
  font-size: 14px;
  line-height: 22px;
}


@media (max-width: 991px) {
  .linkbox a {
    text-align: left;
  }
}



/* Social Icon */
.engage {
  right: 6px;
  bottom: 0;
  display: inline-block;
}

.engage>a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
}

.social-box {
  /* display: inline-block; */
  float: left;
}

.social-box img {
  width: 30px;
  vertical-align: middle;
}

.engage .heart {
  background-image: url('../../../assets/image/icon/icon-greyheart.png');
  /*float:left;*/
  background-size: 80%;
  background-position: center;
}

.engage a.heart:hover,
.engage a.social:hover {
  opacity: 0.5;
  filter: alpha(opacity=50)
}

.engage span.count {
  vertical-align: top;
  line-height: 30px;
  font-size: 0.9em;
  /* float: left; */
  display: inline-block;
  /* width: 24px; */
  height: 30px;
  text-align: center;
}



.text-title {
  font-family: 'Prompt', sans-serif;
  font-size: 26px;
  font-weight: normal;
  word-wrap: break-word;
}
.text-compose{
  font-family: 'Sarabun', sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: normal;
}

.content_h1 {
  font-size: 1.2em;
  color: #439e8d;
  font-weight: bold;
  display: block;
}

.content_h2 {
  font-size: 1.1em;
  color: #000;
  font-weight: bold;
  padding: 0;
}

.content_h3c1 {
  color: #076858;
}

.content_h3c2 {
  color: #4699e0;
}

.content_footnote {
  color: #676968;
  font-weight: bold;
  display: block;
}

.content_highlight {
  color: #2b75c1;
  font-weight: bold;
}

.first-thumbnail {
  width: 100%;
  margin-bottom: 20px;
}

.first-thumbnail img {
  width: 100%;
}

.mid {
  color: #000;
  line-height: 1.5em;
  margin-bottom: 2em;
  clear: both;
}

.mid .subject {
  color: #06a096;
  font-size: 1.2em;
  margin-bottom: 6px;
}

.mid ul {
  margin-left: 20px;
  padding-inline-start: 0;
  margin-block-start: 0;
  padding-left: 20px;
}

.mid ul ul {
  list-style: none;
  padding: 0;
}

.mid .detail {
  margin-bottom: 1em;
}

.mid a {
  text-decoration: underline;
  color: #000;
}

.mid h1 {
  font-size: 1.1em;
  color: #06a096;
}

.mid p {
  color: #666666;
}


#health-check .topic,
.thumbnail-list .search-cover .topic,
.thumbnail-list>.topic,
.recommend>.header {
  font-family: 'Prompt', sans-serif;
}

.thumbnail-list.article .title,
.doctorprofile .head .title,
.content-container .head .title {
  font-family: 'Prompt', sans-serif;
  font-size: 1.6em;
  color: #25938c;
}

.article .content {
  font-family: 'Sarabun', sans-serif !important;
}

@media (max-width: 991px) {
  .article .content img{
    width: 100% !important;
    height: auto !important;
  }
}



.clear {
  clear: both;
}



.detail p {
  text-indent: 0em;
}




/* Page Disease*/
.first-thumbnail {
  width: 100%;
  margin-bottom: 20px;
}

.content_highlight {
  color: #2b75c1;
  font-weight: bold;
}

.content_h1 {
  font-size: 1.2em;
  color: #439e8d;
  font-weight: bold;
  display: block;
}

.content_h2 {
  font-size: 1.1em;
  color: #000;
  font-weight: bold;
  padding: 0;
}

.content_h3c1 {
  color: #076858 !important;
}

.first-thumbnail img {
  width: 100%;
}

.sub-name-1 {
  display: block;
}




/* End Box Content */


/* List Style */
.list_disease_tabs {
  width: 100%;
  flex-wrap: nowrap;
  overflow-x: scroll;

  -ms-overflow-style: none;
  scrollbar-width: none;
}

.list_disease_tabs::-webkit-scrollbar {
  display: none;
}

.list_disease_tabs .nav-link {
  color: #25938c;
  display: inline-block;
  text-align: center;
  background-color: #e1faf8;
  min-width: 25%;
  margin-left: 1px;
  margin-right: 1px;
  height: 40px;
  white-space: nowrap;
  /* border-radius: 5px; */
}

.list_disease_tabs .nav-link:hover {
  background-color: #25938c;
  color: #fff;
}

.list_disease_tabs .active {
  background-color: #7accc8;
  color: #fff;
}

.list_disease_tabs a{
  width: 50%;
}

.nav.box-list_disease{
  width: 100%;
  flex-wrap: unset;
}

.box-disease-tabs-arrow span{
  width: 40px;
  height: 40px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  box-shadow:0 0 4px 0 #00000040;
}
.disease-tabs-arrow-left{
  background-image: url('../../image/icon/chevron-left.svg');
  left: 15px;
}

.disease-tabs-arrow-right{
  background-image: url('../../image/icon/chevron-right.svg');
  right: 15px;
}

@media (min-width: 991px) {
  .list_disease_tabs a{
    width: auto;
  }

  .box-disease-tabs-arrow span{
    display: block;
    position: absolute;
  }
  .list_disease_tabs .nav-link {
    min-width: unset;
  }
}

.list_doctor_at_home div:before {
  background-image: url('../../image/icon/icon-disease.png');
  content: ' ';
  display: inline-block;
  height: 14px;
  width: 14px;
  background-size: 14px;
  background-repeat: no-repeat;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 4px;
}

.list_doctor_at_home a {
  color: #666666;
}

/* Step 123 */
#step123 {
  width: 100%;
}

#step123 ol {
  padding: 0;
  margin: 0.5% 0;
  list-style: none;
  white-space: nowrap;
  font-family: 'Prompt', sans-serif;
}

#step123 ol:nth-child(1) {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-direction: row;
  flex-direction: row;

  justify-content: space-between;
}

#step123 ol:nth-child(1) li {
  display: inline-block
}

#step123 ol:nth-child(1) li:nth-child(2) {
  margin-left: -30px;
}


#step123 ol:nth-child(2) li {
  display: inline-block;
  text-align: right;
}

#step123 ol:nth-child(2) li:nth-child(1) {
  min-width: 30px;
}

#step123 ol:nth-child(2) li:nth-child(2) {
  width: 50%;
  margin-left: -30px;
}

#step123 ol:nth-child(2) li:nth-child(3) {
  margin-left: -10px;
  width: 50%;
}

#step123 ol:nth-child(2) li span {
  display: inline-block;
  background-color: #bbb;
  color: #000;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #bbb;
  border-radius: 50%;
  text-align: center;
  position: relative;
}

#step123 ol:nth-child(2) li.active span {
  background-color: #157fb9;
  color: #fff;
  border-color: #157fb9;
}

#step123 ol:nth-child(2) li {
  background-image: url('../../image/icon/axis.png');
  background-repeat: repeat-x;
  background-position: center center;
}

#step123 ol:nth-child(2) li:nth-child(n+1).active {
  background-image: url('../../image/icon/axis-active.png');
}

/* End Step 123 */
/* End List Style */



/* Form Style*/
.form-search-doctor label{
  font-family: 'Prompt', sans-serif;
  font-size: 18px;
  color: #333;
}
.form-search-doctor .select2-container--default .select2-selection--multiple,
.form-search-doctor .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #3a86b3;
  line-height: calc(1.5em + .75rem + 2px);
  /* height: calc(1.5em + .75rem + 2px); */
  height: 50px;
  padding:0px 14px;
  border-radius: 6px;
}
.form-search-doctor .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-family: 'Prompt', sans-serif;
  font-size: 16px;
  color: #3a86b3;
  font-weight: normal;
}

.form-search-doctor .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 20px;
  width: 20px;
  margin-right: 2px;
    margin-top: 7px;
  border: 0px solid #d8d8d8;
}
.form-search-doctor .select2-lg .select2-selection--multiple:after ,
.form-search-doctor .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  top: 0px;
  left: 0;
  border-color: #fff0 transparent transparent transparent;
  border-width: 0px;
  background-image: url(../../image/icon/chevron-down-black.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin: 0px;
  width: 20px;
  height: 20px;
}

.form-search-doctor .select2-lg .select2-selection--multiple:after{
  content: "";
  left: unset;
  right: 0;
  margin-top: 15px;
    margin-right: 10px;
}

.form-search-doctor .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0px;
}

.form-search-doctor .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}
.form-search-doctor .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #0000 !important;
  border: 0px solid #aaa !important;
}
.form-search-doctor .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #3a86b3 !important;
  outline: 0;
}
.form-search-doctor .select2-container--default .select2-results__option.select2-results__option--selectable ,
.form-search-doctor .select2-container .select2-search--inline .select2-search__field,
.form-search-doctor .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  font-family: 'Sarabun', sans-serif;
  color: #3a86b3 !important;
  font-size: 18px;
}



.form-search-doctor .select-group-row{
  width: 100%;
}
.form-search-doctor .select-group-row.select-width-center{
  width: 65%;
}
.form-search-doctor .select-group-row .select-border-0 {
  width: 100%;
  padding: 0px 8px;
}


.form-search-doctor .select-border-0 .select2-container--default .select2-selection--single {
  height: calc(1.5em + .75rem + 2px);
  border: 0px solid #ced4da;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  background-color:#fff0;
  /* border-bottom:0 1px 0 0 #000000cc; */
}
.form-search-doctor .select-border-0 .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  color: #333;
  font-family: 'Prompt', sans-serif;
  font-size: 16px;
}

.form-search-doctor .select2-lg .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  height: 50px !important;
  font-size: 16px;
}
.form-search-doctor .select2-lg .select2-container--default .select2-selection--single .select2-selection__rendered[title]{
  border: #3a86b3 solid 1px;
}

.form-search-doctor .select2-lg .select2-container--default .select2-selection--single .select2-selection__arrow {
  margin-top: 15px;
  margin-right: 10px;
}
.form-search-doctor .select2-lg .select2-container--default .select2-selection--multiple,
.form-search-doctor .select2-lg .select2-container--default .select2-selection--single {
  height: 50px !important;
  border: 1px solid #ced4da;
  font-size: 1.25rem;
}

.select2-search-doctor .select2-results__option--selectable {
  cursor: pointer;
  color: #9b9b9b;
}
.select2-search-doctor .select2-results__option--selectable span.parent{
  font-weight: 500;
  font-size: 18px;

}
.select2-search-doctor .select2-results__option--selectable span.child{
  font-weight: 300;
  font-size: 16px;
  padding-left: 16px;
}


.form-search-doctor .select2-container--default .select2-selection--multiple .select2-selection__choice{
  margin-left: 0px !important;
  margin-top: 0px !important;
}
.form-search-doctor .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
  width: 100%;
  height: 50px;
  border-radius: 6px;
  color: #9a9a9a;
  line-height: 50px;
  padding-right: 0px !important;
  position: relative;
  top: -2px;
  font-family: 'Prompt', sans-serif !important;
}

.form-search-doctor .select2-container .select2-search--inline .select2-search__field {
  font-family: 'Prompt', sans-serif !important;
  margin-left: 0px !important;
}
.select2-search-doctor .select2-selection--multiple .select2-selection__choice__display ,
.select2-search-doctor .select2-results__option.select2-results__option--selectable ,
.select2-search-name .select2-selection--multiple .select2-selection__choice__display ,
.select2-search-name .select2-results__option.select2-results__option--selectable {
  font-family: 'Prompt', sans-serif !important;
}

.select2-search-doctor .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}
.select2-search-doctor .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #0000 !important;
  border: 0px solid #aaa !important;
}
.select2-search-doctor .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #aaa !important;
  outline: 0;
}
.select2-search-doctor .select2-container--default .select2-results__option.select2-results__option--selectable ,
.select2-search-doctor .select2-container .select2-search--inline .select2-search__field,
.select2-search-doctor .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  font-family: 'Sarabun', sans-serif;
}





.form-search-doctor .search-disease{position: relative;}
.form-search-doctor .search-disease input[type=text]{
  font-family: 'Sarabun', sans-serif;
  font-size:13.3333px;
  font-weight: 400;
  border: 2px solid #25938c;
  border-radius: 8px;
  margin: 0;
  width: 100%;
  text-indent: 2%;
  line-height: 3em;
  color: #000;
}
.form-search-doctor .search-disease input[type=text]:focus{border-radius: 8px;}
.form-search-doctor .form-control:focus{
  color: #000;
  background-color: #fff;
  border: solid #005fcc px;
  box-shadow: unset;
}

.form-search-doctor .btn-submit {
  background-color: #3a86b3;
  color: #fff;
  line-height: 26px;
  font-family: 'Prompt', sans-serif;
  cursor: pointer;
  height: 50px;
  min-width: 360px;
  font-size: 20px;
  padding:11px 0px;
  border: 1px solid #3a86b3;
  border-radius: 6px;
  box-shadow: unset;

}
.form-search-doctor .btn-submit:hover {
  -webkit-box-shadow: 4px 4px 5px 0px #00000033;
  -moz-box-shadow: 4px 4px 5px 0px #00000033;
  box-shadow: 4px 4px 5px 0px #00000033;
}


@media (max-width: 991px) {
  .form-search-doctor .select-group-row.select-width-center{
    width: 100%;
  }
  .form-search-doctor .btn-submit {
    font-size: 18px;
    min-width: unset;
    width: 100%;
  }
  .form-search-doctor .select2-container--default .select2-results__option.select2-results__option--selectable ,
  .form-search-doctor .select2-container .select2-search--inline .select2-search__field,
  .form-search-doctor .select2-container .select2-search--inline .select2-search__field::placeholder,
  .form-search-doctor .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 16px;
  }

}
/* End Form Search Doctor */


/* Custom Select2 */
/* .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #0000 !important;
  border: 0px solid #aaa !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #aaa !important;
  outline: 0;
}
.select2-container--default .select2-results__option.select2-results__option--selectable ,
.select2-container .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  font-family: 'Sarabun', sans-serif;
} */


.mobile-display {
  width: 300px;
  margin: 0 auto;
}

.mobile-display label {
  font-weight: bold;
  color: #36555a;
}

.mobile-display input[type='password'],
.mobile-display input[type='text'],
.mobile-display input[type='password'] {
  height: 42px;
}

.mobile-display input[type='password'],
.mobile-display input[type='text'],
.mobile-display input[type='password'],
.mobile-display textarea {
  display: block;
  padding: 0.4em 0;
  color: #559b90;
  text-decoration: none;
  background-color: #ebf2fc;
  border: none;
  width: 300px;
  margin: 0 0 10px;
  clear: both;
  border-radius: 2em;
  line-height: 42px;
  text-indent: 20px;
  font: 400 13.3333px Arial;
}

.mobile-display textarea {
  text-indent: unset;
  border-radius: 15px;
  padding: 0.8em;
}

.mobile-display input[type='password']:focus,
.mobile-display input[type='text']:focus,
.mobile-display input[type='password']:focus,
.mobile-display textarea:focus {
  border-radius: 2em;
  border: #005fcc solid 2px;
}

.mobile-display textarea:focus {
  border-radius: 15px;
  color: #559b90;
}


.mobile-display input[type="submit"] {
  border: thin #7cb0ae;
  border-radius: 2em;
  line-height: 32px;
  width: 300px;
  background-color: #7cb0ae;
  color: #ffffff;
  padding: 0.4em 0;
  font-size: .9em;
  text-align: center;
}

.mobile-display img {
  width: 100%;
  height: auto;
}




/* footer */
.footer,
.footer a {
  color: #fff;
  font-size: 0.9em;
  text-decoration: none;
}

.footer-content {
  padding: 20px 0px;
  background-color: #516681;
}

.footer-content .logo-about img {
  max-height: 60px;
  width: auto;
}

.footer-content ul {
  list-style: none;
  width: 100%;
  padding: 0;
}

.footer-content ul li {
  vertical-align: top;
  padding: 0;
}

.footer-content .social-box img {
  width: 30px;
}

.footer-address{
  font-family: 'Prompt',sans-serif;
  padding: 0.5% 0;
  background-color: #30445d;
  text-align: center;
  color: #fff;
}
/* .footer-address div{ */
  /* line-height: 30px; */
/* } */

.footer-copyright {
  padding: 0.5% 0;
  background-color: #30445d;
  line-height: 2em;
  font-size: 0.9em;
  text-align: center;
}

/* Session Cookie */
.box-cookie {
  font-family: 'Prompt', sans-serif;
  /* font-weight: 400; */
  font-size: 0.875rem;
  padding: 15px 50px;
  padding-bottom: 40px;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  /* height:80px; */
  width: 100%;
  background-color: rgba(39, 39, 39, 0.932);
  color: #fff;
  z-index: 9999;
  margin: auto;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

@media (min-width: 992px) {
  .box-cookie {
    padding-bottom: 15px;
  }
}

.text-middle {
  /* line-height: 200px; */
  /* height: 200px; */
  text-align: center;
}

/* If the text has multiple lines, add the following: */
.text-middle button .text-middle i {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}





#btn-gototop {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  position: fixed;
  background-color: #555;
  bottom: 30px;
  right: 30px;
  display: none;
  z-index: 9999;
  /* padding: 10px; */
  line-height: 40px;
}

@media (min-width: 992px) {
  .box-cookie {
    width: 70%;
    bottom: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .btn-cookie {
    width: 100%;
  }
}

.form-finding .form-check {
  padding-left: 0px;
}

.form-finding .form-check .form-check-input-text {
  padding-left: 60px;
}

.form-finding {
  font-family: 'Kanit-Regular' !important;
}

.form-finding label {
  font-size: 24px;
  line-height: 63px;
  /* text-align: right; */
  color: #08898c;
  padding-bottom: 0px;
  padding-top: 0px;
}

.form-finding input,
.form-finding textarea {
  padding: 14px 25px;
  font-size: 24px;
  color: #000;
  border: 0px solid #ced4da;
  background-color: #f6fbfc;
}

.form-finding input {
  height: 63px;
}

.form-finding input::placeholder,
.form-finding textarea::placeholder {
  color: #bcbcbc;
}

.form-finding input:focus,
.form-finding textarea:focus {
  background-color: #f6fbfc;
  border: 0px solid #80bdff;
  outline: 0;
  box-shadow: unset;
}

.form-finding input[type="submit"],
.form-finding button[type="submit"] {
  width: 100%;
  height: 77px;
  background-color: #118e90;
  font-size: 30px;
  padding: 16px 30px;
  color: #fff;
}

/* Form Radio */
.form-finding [type="radio"]:checked,
.form-finding [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.form-finding [type="radio"]:checked+label,
.form-finding [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 60px;
  cursor: pointer;
  line-height: 63px;
  display: inline-block;
  color: #bcbcbc;
}

.form-finding [type="radio"]:checked+label {
  color: #000;
}

.form-finding [type="radio"]:checked+label:before,
.form-finding [type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 36px;
  height: 36px;
  border: 1px solid #08898c;
  border-radius: 100%;
  background: #fff;
  line-height: 63px;
}

.form-finding [type="radio"]:checked+label:after,
.form-finding [type="radio"]:not(:checked)+label:after {
  content: '';
  width: 18px;
  height: 18px;
  background: #08898c;
  position: absolute;
  top: 23px;
  left: 9px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.form-finding [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.form-finding [type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* End Form Rdio */

@media (min-width: 992px) {
  .form-finding label {
    text-align: right;
  }

  .form-finding button[type="submit"] {
    width: 370px;
  }
}

#toTopBtn {
  position: fixed;
  bottom: 26px;
  right: 39px;
  z-index: 98;
  padding: 24px;
  border-radius: 50%;
  background-color: #7accc8;
  display: none;
}

.js .cd-top--fade-out {
  opacity: .5
}

.js .cd-top--is-visible {
  visibility: visible;
  opacity: 1
}

.js .cd-top {
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s, visibility .3s, background-color .3s
}

.cd-top {
  position: fixed;
  bottom: 20px;
  bottom: var(--cd-back-to-top-margin);
  right: 20px;
  right: var(--cd-back-to-top-margin);
  display: inline-block;
  height: 40px;
  height: var(--cd-back-to-top-size);
  width: 40px;
  width: var(--cd-back-to-top-size);
  box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
  background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
  background-color: hsla(5, 76%, 62%, .8);
  background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)
}
/* Icon In Card */
.icon-25{
    width: 25px;
    height: 25px;
    display: inline-block;;
}
.icon-25 img{
    width: 100%;
    height: auto;
}
/* End Icon In Card */


.topbanner {
  width: 100%;
  position: relative;
  display: inline-block;
}
.topbanner img{
  width: 100%;
}
.topbanner .banner-img-text {
  position: absolute;
  top: 50%;
  left: 70px;
  transform: translate( 0%, -50% );
  font-size: 28px;
  font-weight: normal;
  font-family: 'Prompt',sans-serif;
}
.topbanner .banner-img-text .text1 {
  font-size: 3vw;
  color: #0064c0;
}

.topbanner .banner-img-text .text2 {
  font-size: 2vw;
  color: #118e90;
}

@media (max-width: 1300px){
  .topbanner .banner-img-text {
    font-size: 28px;
    font-weight: 700;
    -webkit-text-stroke: 2px #ffffffe6;
  }
}

@media (max-width: 991px){
  .topbanner .banner-img-text {
    top: 100%;
    left: 30px;
    transform: translate( 0%, -50% );
    font-size: 14px;
    font-weight: 600;
    -webkit-text-stroke: 2px #ffffffe6;
  }
}




#frmSearchDoctor ul{
  list-style: none;
  padding-left: 0px;
}
#frmSearchDoctor label.text-label{
  font-family: 'Prompt',sans-serif;
  font-size: 18px;
  color: #333;
}
#frmSearchDoctor .search-row1,
#frmSearchDoctor .search-row2,
#frmSearchDoctor .search-row3{
  width: 100%;
}
#frmSearchDoctor .form-group-row, #frmSearchDoctor .form-group{width: 100%; margin-bottom: 0;}
#frmSearchDoctor .form-group-row.select-width-center{width: 65%;}
#frmSearchDoctor .form-group{padding: 0px 5px;text-align: left;}
#frmSearchDoctor .form-group .dropdown-lg input[type=text]{
  width: 100%;
  height: 50px;
  border-radius: 6px;
  border-radius: 1px solid #d8d8d8;
  font-family: 'Prompt',sans-serif;
  font-size: 1.2em;
  color: #9a9a9a;
  line-height: 50px;
  padding-right: 30px;
}
#frmSearchDoctor .form-group .dropdown-lg.show input[type=text]{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#frmSearchDoctor .form-group .form.dropdown-lg input[type=text]:focus-visible{
  /* border-width: 0px; */
  outline: none;
}
#frmSearchDoctor .form-group .form.dropdown-sm{
  background-color: #fff0;
  width: 100%;
  height: 32px;
  font-family: 'Prompt',sans-serif;
  font-size: 16px;
  color: #9a9a9a;
  line-height: 32px;
  border-bottom: 1px solid #000000cc;
}
#frmSearchDoctor .form-group .form.dropdown-sm input[type=text]{
  text-indent: 0px;
  background-color: #fff0;
}

#frmSearchDoctor .form-group .form.dropdown-sm input[type=text]::-webkit-input-placeholder {text-indent: 0px; color:#333;}
#frmSearchDoctor .form-group .form.dropdown-sm input[type=text]:-moz-placeholder {text-indent: 0px; color:#333;}
#frmSearchDoctor .form-group .form.dropdown-sm input[type=text]::-moz-placeholder {text-indent: 0px; color:#333;}
#frmSearchDoctor .form-group .form.dropdown-sm input[type=text]:-ms-input-placeholder {text-indent: 0px; color:#333;}

#frmSearchDoctor .form-group .form.dropdown-sm input[type=text]:focus-visible{
  border-width: 0px;
  outline: none;
}

#frmSearchDoctor .form-group .form.dropdown-sm .label {
  background-color:#fff0;
  color:#333;
  overflow-y:hidden;
  height: 32px;
}

#frmSearchDoctor .form-group .form.dropdown-sm b.presentation,
#frmSearchDoctor .form-group .form.dropdown-sm b.presentation-label{
  position: absolute;
  top: 0px;
  right: 0;
  background-image: url(../../image/icon/chevron-down-black.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-color: #fcfcfc;
  margin-top: 5px;
  width: 24px;
  height: 24px;
}
#frmSearchDoctor .form-group .dropdown-lg .input b.presentation {
  position: absolute;
  top: 0px;
  right: 0;
  background-image: url(../../image/icon/chevron-down-black.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  margin: 13px;
  width: 24px;
  height: 24px;
}
#frmSearchDoctor .form-group .form.dropdown-sm .list{
  min-height: 38px;
}
#frmSearchDoctor .form-group .form.dropdown-sm .list .child a{
  padding:4px 8px;
}

@media (max-width: 991px){
  #frmSearchDoctor .form-group-row.select-width-center{width: 100%;}
}







.search-topic{list-style:none;padding:0;margin:0;color:#3a86b3}
.search-topic li{display:inline-block; width:48%;text-align:left;font-size:1.1em}
.search-topic li:first-child{margin-right:2%}


/* Dropdown Content (Hidden by Default) */

#frmSearchDoctor .dropdown .list{
  display:none;z-index:1;
  overflow:hidden;
  overflow-y:scroll;
  position:absolute;background-color:#fff;
	border:1px solid #acacad;max-height:200px;margin-top: 0px; padding:5px 0;
}

#frmSearchDoctor .dropdown .list.overflow-hidden{
  overflow-y:hidden;
}
.form.dropdown.specialty.show .field.list{overflow-y:scroll;}
.form.dropdown.specialty.show .field.list ul,.form.dropdown.specialty.show .field.list ul li{padding:0;}
.filter.search.doctor .dropdown .list li{min-width:170px;cursor:pointer; text-indent:8px;}

/* Links inside the dropdown */
#frmSearchDoctor .dropdown .list a{
  font-family: 'Prompt',sans-serif;
  text-decoration:none;
  color:#9b9b9b;
	line-height:.9em;
  display:block;
  padding:4px 8px;
	text-align:left;
}
#frmSearchDoctor .search-row3 .field.list li{width:100%; line-height:1.8em;}
#frmSearchDoctor .search-row3 .field.list li:last-child{line-height:1.8em; margin-top:0;}
#frmSearchDoctor .dropdown .list .parent a{font-size:1em; line-height:1.4em; font-weight:500;}
#frmSearchDoctor .dropdown-lg .list .child {min-height:30px;}
  #frmSearchDoctor .dropdown-lg .list .child a{font-size:0.96em; line-height:20px; padding-left:2em;}
#frmSearchDoctor .dropdown-sm .list .child {min-height:22px;}
#frmSearchDoctor .dropdown-sm .list .child a{font-size:0.96em; line-height:14px; padding-left:2em;}
#frmSearchDoctor .dropdown .list .child a strong{display:inline-block;background-color:yellow}
/* Change color of dropdown links on hover */
#frmSearchDoctor .dropdown .list a:hover {
	background-color:#ccd7de;color:#000c39
}

#frmSearchDoctor .dropdown.show .list{display:block; width:100%;}
#frmSearchDoctor .dropdown.form input[type=text]{width:100%;}
#frmSearchDoctor .form{display:inline-block;vertical-align:top}
#frmSearchDoctor .form input[type=text]{
	background-size:21px;
	background-image:none;
	background-repeat:no-repeat; min-width:170px; text-indent:10px;
	background-position:97% center; border:1px solid #acacad;
	color:#000;font-family:'Prompt',sans-serif;

}

#frmSearchDoctor .submit input[type=submit]{
	background-color:#7accc8;color:#fff;
	line-height:30px;font-family:'Prompt',sans-serif;
	cursor:pointer; border:1px solid #7accc8; border-radius:3px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(153,176,174,1);
	-moz-box-shadow: 4px 4px 5px 0px rgba(153,176,174,1);
	box-shadow: 4px 4px 5px 0px rgba(153,176,174,1); min-height:44px;
}

#frmSearchDoctor .search-row3 li:last-child input[type=submit]{line-height:3em; font-size:0.9em;}
#frmSearchDoctor .form.doctor-name,
#frmSearchDoctor .form.specialty{
	width:100%
}
#frmSearchDoctor .form.doctor-name input[type=text],
#frmSearchDoctor .form.specialty input[type=text]{
	width:100%
}

#frmSearchDoctor .search-row3 input[type=text]{font-size:1em; line-height:1.8em; border:0;}
.form.dropdown.province .list, .form.dropdown.hospital .list{overflow-y:scroll;}

#frmSearchDoctor .btn-submit {
  background-color: #3a86b3;
  color: #fff;
  line-height: 26px;
  font-family: 'Prompt', sans-serif;
  cursor: pointer;
  height: 50px;
  font-size: 20px;
  padding: 11px 0px;
  border: 1px solid #3a86b3;
  border-radius: 6px;
  -webkit-box-shadow: 4px 4px 5px 0px #00000033;
  -moz-box-shadow: 4px 4px 5px 0px #00000033;
  box-shadow: 4px 4px 5px 0px #00000033;
}

.entry-video-recommend span.space{
  display: block;
  position: relative;
  padding-right: 14px;
}

.entry-video-recommend span em{
  position: absolute;
  top: 1px;
  font-size: 18px;
  font-style: normal;
  padding-left: 3px;
}

@media (max-width: 991px){
  #frmSearchDoctor .dropdown-sm .list .child {min-height:30px;}
  #frmSearchDoctor .dropdown-sm .list .child a{font-size:0.96em; line-height:20px; padding-left:2em;}
}

.symptom-list{
  margin: 0;
  padding: 0;
}

.symptom-list li {
  list-style: none;
  clear: both;
}

li.blink .symptom-list li a {
  padding: 14px 20px 14px 6%;
  float: left;
  width: 100%;
  margin: 0 0 2px 0;
  text-decoration: none;
  color: #5c5c5c;
  background: #e6ecec url('/themes/default/app/home/images/icon/btn-up.png') no-repeat 10px;
  background-size: 30px
}

li.blink .symptom-list li a.current {
  padding: 14px 2% 14px 6%;
  float: left;
  width: 100%;
  margin: 0 0 2px 0;
  text-decoration: none;
  color: #fff;
  background: #07a5ae url('/themes/default/app/home/images/icon/btn-select.png') no-repeat 10px;
  background-size: 30px
}


.entry-video-recommend{
  padding: 0;
  font-size: 18px;
}

.entry-video-recommend .entry-bg{
  padding: 20px;
  color: #fff;
  background: rgb(133,202,207);
  background: linear-gradient(180deg, rgba(133,202,207,1) 0%, rgba(58,134,179,1) 100%);
}

.entry-video-recommend p{
  margin-bottom: 0;
  text-align: center;
}

.entry-video-recommend span{
  font-weight: bold;
}

.entry-video-mobile{
  margin-top: 20px;
}

@media (min-width: 576px){
  .entry-video-recommend .entry-bg{
    font-size: 26px;
  }

  .entry-video-recommend p{
    text-align: right;
  }

  .entry-video-link{
    position: relative;
    width: max-content;
    margin-left: 40px;
    margin: 0 auto;
  }

  .entry-video-link .overlay-player{
    position: absolute;
    top: 18%;
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 992px){
  .entry-video-recommend{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .entry-video-link{
    margin: 0;
  }
}

.emergency-btn .btn{
  padding: .5rem 23px;
}

.entry-single img{
  max-width: 100%;
  height: auto !important;
}

.entry-title.bg-title-green{
  margin: 1rem 0;
  padding: 1rem;
  background-color: #7accc8;
  color: #fff;
}

.entry-title h1{
  font-size: 26px;
  margin-bottom: 0;
  text-align: center;
}

.entry-content {
  font-size: 16px;
  color: #333;
  position: relative;
}

.entry-content p,
.entry-content li{
  margin-bottom: 1rem;
  line-height: 24px;
}

.entry-content p{
  color: #333;
}

.entry-content ul{
  list-style: auto outside;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-bottom: 1rem;
  font-family: 'Prompt', sans-serif;
  color: #37b3ab;
}

.entry-content h2{
  font-size: 18px;
}

.entry-content .large-center{
  text-align: center;
}

@media (min-width: 576px){
  .entry-content .large-center{
    text-align: left;
  }
}

.entry-content-term li{
  list-style-type: none;
  position: relative;
}

.entry-content-term em{
  font-style: normal;
  position: absolute;
  left: -30px;
}

.content-privacy-policy li{
  list-style-type: none;
}

.content-privacy-policy h3{
  font-size: 18px;
}

.content-privacy-policy .bold{
  font-weight: bold;
}

.content-privacy-policy .sublist{
  margin-top: 1rem;
}

.content-privacy-policy a{
  color: #37b3ab;
}

.remove-padding-large{
  padding-left: 0;
  padding-right: 0;
}

.time-order{
  font-size: 15px;
}

@media (min-width: 576px){
  .time-order{
    position: absolute;
    right: 16px;
  }
}

.boxshadow-bottom{
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.nav-icon .entry-icon{
  text-align: center;
  font-size: .65rem;
  padding: .5rem .2rem;
}

.nav-icon .entry-icon.active,
.nav-icon .entry-icon:hover{
  background-color: #e1faf8;
  border-bottom: 4px solid #37b3ab;
}

.nav-icon .entry-icon.active a,
.nav-icon .entry-icon:hover a{
  color: #37b3ab;
}

.nav-icon .entry-icon.active img,
.nav-icon .entry-icon:hover img{
  filter: invert(60%) sepia(58%) saturate(482%) hue-rotate(127deg) brightness(91%) contrast(81%);
}

.nav-icon a{
  display: block;
}

.nav-icon a:first-child{
  padding-bottom: .3rem;
}

.card-vertical {
    margin-bottom: 1rem;

}

.card-vertical .entry-meta {
    margin-top: 13px;
}

.card-vertical h3{
    line-height: 1.63;
}

.card-vertical .curve-top img{
    border-radius: 5px 5px 0 0;

}

.card-horizontal{
    margin-bottom: 1rem;
}

@media (min-width: 576px) {
    .card-horizontal .card-body {
        padding: .5rem .5rem .5rem 0;
    }
}

.card-horizontal .curve-left img{
    border-radius: 5px 0 0 5px;
}

.card-horizontal h3,
.card-vertical h3{
    font-size: 1rem;
    line-height: 1.63;
    height: 56px;
    overflow: hidden;
}

@media (min-width: 576px) {
  .card-horizontal h3.jumbo,
  .card-vertical h3.jumbo{
    font-size: 1.25rem;
  }
}

.card-horizontal h3 a,
.card-vertical h3 a{
    color: #26938b;
}

.card-horizontal .badge-theme,
.card-vertical .badge-theme{
    background-color: #e1faf8;
    color: #25938c;
    display: inline-block;
    padding: .3rem 1rem;
    border-radius: 2px;
    text-transform: capitalize;
}

.card-horizontal .badge-theme:hover,
.card-vertical .badge-theme:hover{
    background-color: #25938c;
    color: #fff;
}

.card-horizontal .entry-meta,
.card-vertical .entry-meta{
    font-size: .8rem;
    color: #666;
}

.related-head{
  margin: 0;
  font-size: 1.5rem;
}

.Body16RegSb img {
    height: auto !important;
}

.bannerspecial img{
    width: 100%;
}

.img_redc{
  margin-right: .5rem;
}

.box-image img{
  max-width: 100%;
}

.box-notation{
  color: #06a096;
}

.box-notation strong{
  display: inline-block;
  margin-top: 30px;
}

@media (min-width: 576px) {
  .box-notation strong{
    margin-top: 20px;
  } 
}

.navbar-result{
  float: none;
  display: block;
  text-align: center;
  margin-bottom: 1rem;
}

@media (max-width: 576px) {
  .no-hover {
    width: 60% !important;
    margin: 0 auto !important;
  }
}

.no-hover:hover,
.no-hover:focus {
  background-color: #7accc8 !important;
  box-shadow: none !important;
}

.first-strong strong{
  color: #06a096;
}

.content h2{
  font-size: 16px;
  font-weight: bold;
}

.nav-icon{
  background-color: #fcfcfc
}

@media (max-width: 768px) {
  .sticky-top-mobile{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }      
}

.search-input{
  border-color: #25938c !important;
}