.itopplus-background {

}
body, html {
    font-family: 'Mitr', sans-serif;
    font-weight: 300;
    overflow-x: hidden;
}
a {
     color: #1e1e1e;
}
a:hover {
     color: #ed0a82;
}

.itopplus-sidebar-main a:link {
    color: #000 !important;
}
.itopplus-sidebar-menu-single a:link {
    color: #000 !important;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default {
    background: #ffff80;
}
.navbar-default .navbar-brand {
    color: #1e1e1e;
}

.dropdown-menu>li>a {
    font-size: 18px;
    font-weight: 300;
}



ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
  margin: 0;
}


.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #1e1e1e;
    background-color: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #1e1e1e;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ed0a82;
}
.text-bar {
    color: #1e1e1e!important;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #ed0a82!important
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #1e1e1e;
}
.navbar-default .navbar-nav>li>a {
    color: #1e1e1e;
    font-size: 18px;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent!important;
    color: #ed0a82;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #ed0a82;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #ed0a82!important;
}
@media (max-width:768px) {
    .navbar-default {
        background: #ffff80;
    }
}




/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 24px!important;
}
.padprocess1 {
    padding-top: 12% !important;
}
.lineheight1 {
    line-height: 2.85 !important;
}
.lasalledentist-boxdoctor {
    font-size: 20px !important;
    height: 601px !important;
}
}


/**********code pit**********/
.lasalledentist_iconservice {
    font-size: 22px;
    text-align: center;
    transition: 0.5s;
}
.lasalledentist_iconservice:hover {
    transform: scale(1.05);
    transition: 0.5s;
}
.lasalledentist_imgservices {
    text-align: center;
    transition: 0.5s;
}
.lasalledentist_imgservices:hover {
    transform: scale(0.98);
    transition: 0.5s;
}
.lasalledentist_textreview {
    font-size: 34px;
    font-family: 'Sriracha', cursive;
    text-align: center;
}
.lasalledentist_textpromotion {
    font-size: 46px;
    text-align: center;
    color:#ed0a82;
     font-family: 'Sriracha', cursive;
    text-shadow: 3px 2px 3px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.lasalledentist_buttonreview {
    background-color: #ffe165;
    border: 0px solid #5e2b1f;
    color: #0a0a0a;
    border-radius: 45px;
    padding: 10px 3% 10px 10%;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    margin: 0 auto;
    transition: 0.3s;
}
.lasalledentist_buttonreview:hover {
    background-color: #fd5586;
    color: #0a0a0a;
}
.lasalledentist_buttonregister {
    background-color: #fd5586;
    border: 0px solid #5e2b1f;
    color: #fff;
    border-radius: 45px;
    padding: 10px 3%;
    text-align: center;
    font-weight: 500;
    font-size: 40px;
    margin: 0 auto;
    transition: 0.3s;
    animation: flash 1.5s infinite 1.5s;
}
.lasalledentist_buttonregister:hover {
    background-color: #fe8379;
    color: #fff;
}
.lasalledentist_iconcontact {
    font-size: 17px;
    text-align: center;
    transition: 0.5s;
}
.lasalledentist_iconcontact:hover {
    transform: scale(1.05);
    transition: 0.5s;
}
.lasalledentist_bgbox {
    background: rgba(255, 255, 255, 0.6);
    padding: 5% 2%;
    border-radius: 10px;
}
.lasalledentist_process {
    font-size: 20px;
    text-align: center;
}
.lasalledentist_numberprocess {
    font-family: 'Prompt', sans-serif;
    font-size: 7em;
    font-weight: 500;
    color: #ee0a82;
}
.lasalledentist_detailprocess {
    font-size: 18px;
    padding: 0 30px !important;
}
.padprocess1 {
    padding-top: 18%;
}

table.tj2 {
   width:100%;
}

table.tj2 td {
     border: 2px solid #fff;
    padding: 8px;
    text-align: center;
    font-size: 17px;
    white-space: nowrap;

}

table.tj2 tr:nth-child(even){background-color: #fff}
table.tj2 tr:nth-child(odd){background-color: #e5f6ff}


table.tj2 tr:hover{background-color: #e5ecf4;color: #000;}

figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}

/*contenemanager*/
h3.managerHeader {
    color: #ed0a82;
    font-size: 30px;
}
#Contentmanager .post-time {
    display: none;
}
.page-header {
    margin: 50px 0 50px;
    border-bottom: 2px solid #ed0a82;
}
.Textmanager.font-inherit {
    display: flow-root;
    text-align: left;
}
.landingpagemanager {
    display: none;
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
    text-align: center;
    font-size: 20px;
    color: #ed0a82;
    padding: 5% 0;
    font-weight: 500;
    background: transparent;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #802a88;
}
.Contentmanager .site .col-section .item.-micro a .caption .title:after {
    content: "ดูรายละเอียดเพิ่มเติม"!important;
    background-color: #fd5586;
    border: none;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    font-size: 16px;
    margin: 5% auto;
    transition: 0.3s;
    font-weight: 400;
    width: 75%;
    display: block;
    border-radius: 50px;
}
.Contentmanager .site .col-section .item.-micro a .caption .title:hover:after {
    content: "ดูรายละเอียดเพิ่มเติม"!important;
    background-color: #fe8379;
    border: none;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    font-size: 16px;
    margin: 5% auto;
    transition: 0.3s;
    font-weight: 400;
    width: 75%;
    display: block;
    border-radius: 50px;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    display: none;
}

article.col-md-6.item.-micro {
    width: 33.33%;
}
.Contentmanager .site .col-section .item.-micro {
    padding: 20px 20px 10px 20px;
}
.Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
    margin-bottom: 0px;
}
.Contentmanager .site .col-section .item.-micro a .caption {
      width: 100%;
      background: transparent;
      padding-left: 0;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: none;
    border-bottom: none;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro a .post {
    display: none;
}


.contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
}
.Contenemanager-gallery .col-xs-6.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
}
.contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 1px solid #fff;
    border-radius: 0px;
      transition: 0.3s;
}
.Contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 1px solid #fff;
    border-radius: 0px;
      transition: 0.3s;
}
.Contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.01);
     box-shadow: 0 0 10px #a2a2a2;
}
.contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.01);
     box-shadow: 0 0 10px #a2a2a2;
}
.Contenemanager-gallery .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}
.contenemanager-gallery .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: transparent;
}
.fbcomments, .fbcomments span[style], .fbcomments iframe[style] {
    display: none;
}

.nav-template7 li a {
    color: #802a88;
    font-size: 18px !important;
    text-align: left;
}
.nav-template7 li:hover a {
    color: #802a88;
    text-decoration: none;
}
.nav-template7 .fa-plus:before {
    content: "\f101";
    color: #802a88;
}

.nav-template7 li:hover {
    background-color: #ecf2f9;
}
.col-md-12.text-justify {
    text-align: left;
  font-size: 14px;
  padding: 10px 0px;
}
/*contenemanager*/

/*ฟอร์มสร้างเอง*/
.btn-warning {
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
    background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
    background-repeat: repeat-x;
    border-color: #fd5686;
    background: #fd5586;
}
div#capcha0 {
    margin-left: -8px;
    margin-right: -45px;
}

#formdisplay5f6b24bb75512c001a9578e5 .btn , #formdisplay5f6b2e2a75512c001a9579ea .btn {
    font-size: 22px;
     animation: flash 2s infinite 2s;
}
.lineheight1 {
    line-height: 2;
}

/*---Tab---*/
#lasalledentist {
    font-size: 18px;
    padding: 10px 0;
    line-height: 1.2;
}
#lasalledentist .nav-justified>li>a {
    background-color: #ffd3d7;
    border-radius: 50px;
    margin: 0 1px;
}
#lasalledentist .no-js .nav-justified {
    width: 100%;
    border-bottom: solid 1px #f4bdc2;
    display: contents;
    overflow-x: auto;
    white-space: pre;
}
#lasalledentist .nav-justified {
    width: 100%;
    border-bottom: solid 1px #f4bdc2;
    display: contents;
    overflow-x: auto;
    white-space: pre;
}
#lasalledentist .nav-pills>li.active>a, 
#lasalledentist .nav-pills>li.active>a:hover, 
#lasalledentist .nav-pills>li.active>a:focus {
    color: #ed0a82;
    background-color: #ed0a82;
    border-radius: 50px;
}
#lasalledentist .nav-pills>li.active>a, 
#lasalledentist .nav-pills>li.active>a:focus, 
#lasalledentist .nav-pills>li.active>a:hover {
     color: #fff;
    background-color: #ed0a82;
    border-radius: 50px;
}
#lasalledentist .nav>li>a:focus, #lasalledentist .nav>li>a:hover {
    text-decoration: none;
    background-color: #f4bdc2;
    border-radius: 50px;
}

.lasalledentist-boxdoctor {
    background-color: rgba(255,255,255,1);
    font-size: 18px;
    padding: 5%;
    height: 414px;
}
ul.a {
  list-style-image: url('https://itp1.itopfile.com/ImageServer/itp_20002020zpxt/25/0/dental-carez-z1606193555144.webp');
  list-style-position: outside;
}


#formdisplay5f6b2e2a75512c001a9579ea .form-control , #formdisplay5f6b24bb75512c001a9578e5 .form-control  , #formdisplay607ea84357f42d00137927fb .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #343434;
    background-color: #f4bdc2;
    background-image: none;
    border: 1px solid #f4bdc2;
    border-radius: 4px;
}
#formdisplay5f6b2e2a75512c001a9579ea .checkbox-inline, .radio-inline , #formdisplay607ea84357f42d00137927fb .checkbox-inline, .radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 300;
    vertical-align: middle;
    cursor: pointer;
}
#formdisplay5f6b2e2a75512c001a9579ea .label , #formdisplay5f6b24bb75512c001a9578e5 .label , #formdisplay607ea84357f42d00137927fb .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
#formdisplay5f6b2e2a75512c001a9579ea .label-danger , #formdisplay5f6b24bb75512c001a9578e5 .label-danger , #formdisplay607ea84357f42d00137927fb .label-danger {
    background-color: transparent;
}
.nav-template7 strong {
    font-weight: 400;
}


.lasalledentist_numbermetal {
    margin-top: 35%;
}
.hvr-grow {
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    transition-property: transform;
    width: 100%;
    margin-bottom: 3px;
    font-size: 18px;
    color: #2a2a2a;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    transform: scale(1.03);
}
.padpay1 {
    padding-top: 2%;
}
.iconc1 {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    text-align: center;
    padding: 1% 0;
}


/**promotion**/

.lasalledentist_buttonregister1 {
    background-color: #fd5586;
    border: 0px solid #5e2b1f;
    color: #fff;
    border-radius: 50px;
    padding: 7px 3%;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    margin: 0 auto 2%;
    width: 50%;
    transition: 0.3s;
    animation: flash 1.5s infinite 1.5s;
}
.lasalledentist_buttonregister1:hover {
    background-color: #fe8379;
    color: #fff;
}
.lasalledentist_promotion1 {
    background-color: white;
    font-size: 16px;
    padding: 5%;
}
.lasalledentist_textpromotion1 {
    font-size: 18px;
}
.lasalledentist_textpromotion2 {
    padding: 1% 0 0;
}
ul.b {
  list-style-image: url('https://itp1.itopfile.com/ImageServer/itp_20002020zpxt/23/0/checkedz-z196572689048.webp');
  list-style-position: outside;
}

#Component607eb3c289924b0013ab73ca .Contentmanager .site .col-section .item.-micro a .caption .title {
    display: none;
}
#Component607eb2e257f42d0013792a47 .Contentmanager .site .col-section .item.-micro a .caption .title:after {
   display: none;
}


ul#slider62c5160eaf33fa0014acf97a , ul#slider62c54b7f512bb1001aae6981 {
    padding: 0 15%;
}
.width-btn {

}
.contact-block {
    padding: 0 10%;
}
.contact-width {
    padding: 0 10%;
    margin: 0 auto;
}



.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #ed0a82;
    border-color: #ed0a82;
}
.pagination>li>a, .pagination>li>span {
    color: #ed0a82;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #ed0a82;
    background-color: #f7f7f7;
}
.itopplus-search-image-flex-item {
    background-color: #f9f9f9!important;
    margin: 5px;
    padding-top: 5px;
    width: 213px!important;
    min-height: 280px!important;
    max-height: 300px!important;
}
.itopplus-search-shopcart-image-position {
    width: 100%!important;
    overflow: hidden;
}


@media only screen and (max-width:768px) {
.Textmanager.font-inherit {
    display: block;
    text-align: left;
}
.btn-primary {
    background-image: linear-gradient(to bottom,#ed0a82 0,#ed0a82 100%);
    border-color: #ed0a82;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #ed0a82;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    border-color: #ed0a82;
}
.btn-primary:active, .btn-primary.active {
    background-color: #802a88;
    border-color: #802a88;
}
 .itopplus-search-image-flex-item {
    width: 227px!important;
}
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
 }
#display2 , #display4 , #display5  {
    margin-right: -20px;
}
.checkbox-inline, .radio-inline {
    display: inline-block;
    padding-left: 44px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
  .lasalledentist_numberprocess {
    font-size: 6em;
    font-weight: 500;
    color: #ee0a82;
}
  .padprocess1 {
    padding-top: 18%;
    padding-left: 10%;
}
  .lineheight1 {
    line-height: 1.5;
}
  #lasalledentist .nav-justified {
    width: 100%;
    border-bottom: solid 1px #f4bdc2;
    display: -webkit-inline-box;
    overflow-x: scroll;
    white-space: pre;
}
}

@media only screen and (max-width:480px) {
article.col-md-6.item.-micro {
    width: 100%;
}
.lasalledentist_textpromotion {
    font-size: 36px;
}
.lasalledentist_textreview {
    font-size: 30px;
}
.lasalledentist_buttonregister {
    padding: 10px 3%;
    font-size: 22px;
}
  .lasalledentist_process {
    font-size: 16px;
    text-align: center;
}
  .lasalledentist_numberprocess {
    font-size: 4em;
    font-weight: 500;
    color: #ee0a82;
}
  .lasalledentist_detailprocess {
    font-size: 18px;
    padding: 0 10px !important;
}
  .padprocess1 {
    padding-top: 8%;
}
.itopplus-search-image-flex-item {
    width: 100%!important;
    min-height: 210px!important;
    max-height: inherit!important;
}
  .itopplus-search-image-flex-item img {
    width: 100%!important;
}
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
}
  .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
 }
  .lineheight1 {
    line-height: 1.3;
}
  .lasalledentist-boxdoctor {
    font-size: 18px;
    padding: 5%;
    height: inherit;
    margin: 5% 0;
}
  .lasalledentist_buttonregister1 {
    background-color: #fd5586;
    border: 0px solid #5e2b1f;
    color: #fff;
    border-radius: 50px;
    padding: 7px 5%;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    margin: 0 auto 2%;
    width: 70%;
    transition: 0.3s;
    animation: flash 1.5s infinite 1.5s;
}
#Contentmanager .col-md-6.pull-left {
    width: 163%;
    margin-left: -32%;
}
.contenemanager-gallery .col-xs-12.col-md-3, .Contenemanager-gallery .col-xs-6.col-md-3 {
    width: 100%;
    padding: 10px 0;
}
  .col-md-12.text-justify {
    text-align: left;
    font-size: 14px;
    padding: 0 5px;
}
  .width-btn {
    width: 100%;
}
  .contact-width {
    padding: 0 0%;
}
}