.itopplus-background {

}
a {
 color:#58585a;
}
a:hover {
    color: #03692d;
}
.itopplus-footer a {
    color: #fff;
}
.itopplus-footer a:hover {
    color: #03692d;
}


.itopplus-sidebar-main a:link {
    color: #000 !important;
}
.itopplus-sidebar-menu-single a:link {
    color: #000 !important;
}


/**/
.navbar-default {
    background-color: #fff;
    border-color: #eee
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #000;
    background-color: transparent;
    border: 1px solid #3dbcbf;
    border-radius: 0px;
  	background-color: #3dbcbf;
    color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    border: 1px solid #3dbcbf!important;
}

.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
    color: #000;
    border: 1px solid transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000!important
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff!important
}
.text-bar {
    color: #000!important
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #fff!important
}
.navbar-default .navbar-toggle {
     border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border: 1px solid #3dbcbf;
  	background-color: #3dbcbf;
    color: #fff;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0px;
  	background-color: #3dbcbf;
    color: #fff;
}

@media (max-width:768px) {
  	.navbar-default {
        background: #f0f0f0
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #000;
        border: 1px solid #3dbcbf;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #000!important;
        background-color: transparent;
        border: 1px solid #3dbcbf;
		background-color: #3dbcbf;
    	color: #fff;
    }
}

/*เมนูกึ่งกลาง*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}
.navbar .nav, .navbar .nav > li {
    margin-left: -3px;
    margin-right: -3px;
}
.navbar-default .navbar-nav>li>a {
    border: 1px solid #3dbcbf;
    padding-left: 20px;
    padding-right: 19px;
}
.navbar-default .navbar-nav>li>a {
    border: 1px solid #3dbcbf;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}
.navbar .nav, .navbar .nav > li {
    margin-left: -3px;
    margin-right: -3px;
}
.navbar-default .navbar-nav>li>a {
    border: 1px solid #3dbcbf;
  	padding-left: 29px;
    padding-right: 28px;
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a {
    border: 1px solid #3dbcbf;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
.navbar .nav, .navbar .nav > li {
    margin-left: -3px;
    margin-right: -3px;
}
.navbar-default .navbar-nav>li>a {
    border: 1px solid #3dbcbf;
  	padding-left: 66px;
    padding-right: 60px;
}
 body, html {
    font-size: 16px;
}
#contentnewmode5e55da8a9d5e810013ea8782 {
    padding: 50px 10px 0px 10px!important;
}
.K_home {
    padding: 14%!important;
    font-size: 20px!important;
    height: 532px!important;
 }
  .K_textservices {
    font-size: 58px!important;
}
 .K_textservices1 {
    font-size: 46px!important;
    padding: 24% 20px!important;
}
  .K_boxservices1 {
    font-size: 36px!important;
}
  .K_boxservices2 {
    font-size: 36px!important;
}
  .K_textservices3 {
    font-size: 20px!important;
 }
  .K_pad1 {
    padding: 10% 6%!important;
}
}




/*button*/
.K_button {
    background-color: #68c6c3;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    padding: 5px 15px;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
    font-weight: 300;
    transition: 0.3s;
}
.K_button:hover {
      background-color: #fff;
      color: #68c6c3;
}
.K_button1 {
    background-color: #fff;
    border: 1px solid #68c6c3;
    border-radius: 50px;
    color: #58585a;
    padding: 5px 15px;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
    font-weight: 300;
    transition: 0.3s;
}
.K_button1:hover {
      background-color: #68c6c3;
      color: #fff;
}

/*effecticon*/
.K_effecticon {
   transition: 0.3s;
   transform: scale(1.0);
}
.K_effecticon:hover {
   transition: 0.3s;
   transform: scale(1.05);
}


/*home*/
.K_home {
    padding: 8%;
    background: linear-gradient(to bottom, rgba(165,213,201,1) 0%, rgba(61,188,191,1) 100%);
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    height: 369px;
}
.K_textservices {
    font-size: 40px;
    text-align: center;
    padding: 1% 6%;
    color: white;
}
.K_iconservices {
    float: right;
}
.K_textservicesp {
    font-size:20px;
    text-align: left;
    font-weight: 300;
    padding: 2%;
    color: white;
}
.K_textservices1 {
    border-left: 5px solid;
    font-size: 40px;
    color: #3dbcbf;
    padding: 39px 20px;
}
.K_textservices2 {
    font-size: 20px;
    color: #58585a;
    font-weight: 300;
}
.K_textservices3 {
    font-size: 16px;
    color: #58585a;
    font-weight: 300;
    padding-top: 5%;
}
.K_bgfix {
    background: rgba(135, 199, 115, 0.8);
    padding: 20% 15%;
    border-radius: 0 50% 50% 0;
}
.K_boxservices1 {
    background: #67af97;
    color: white;
    text-align: center;
    border-radius: 50%;
    padding: 5px;
    font-size: 22px;
}
.K_boxservices2 {
    background: #76b5d1;
    color: white;
    text-align: center;
    border-radius: 50%;
    padding: 5px;
    font-size: 22px;
}


/*อัลบั้มภาพ*/
figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}

.K_menu {
    font-size: 36px;
    color: #3dbcbf;
    text-align: center;
}
.K_border {
   border-bottom:5px solid #3dbcbf;
   width:80px;
   margin:0 auto;
    padding-top:10px;
}
.K_thumb {
    padding: 15px 5px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}
.thumbnail, .img-thumbnail {
   -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.075);
   box-shadow: 0 0px 0px rgba(0,0,0,.075);
}
.thumbnail {
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding:0px;
    border-radius: 0px!important;
    border: 0px solid rgba(255,255,255,.15);
    background: #67af97;
    color: white;
}
.thumbnail .imageWidth.imageGallery {
    transform: scale(1.0);
    transition: 0.32s;
}
.thumbnail .imageWidth.imageGallery:hover {
    transform: scale(1.05);
    transition: 0.32s;
}
.imgLightbox {
  position: relative!important;
  overflow: hidden!important;
  width: 100%!important;
}

.K_pad1 {
    padding:10% 3%;
}
.K_pad2 {
    padding:2% 3%;
}
.bgcontact1 {
    background: #f9f9f9;
    font-size: 16px;
}

/**/
.nav-template7 li:hover {
    background-color: #f9fbff;
}
.nav-template7 li a {
    font-size: 16px !important;
    text-align: left;
}
.nav-template7 .fa-plus:before {
    content: "\f101";
     color: #3dbcbf;
}
.nav-template7 .btn-sm, .btn-group-sm>.btn {
    font-size: 14px;
}
.nav-template7 strong {
    font-weight: 400;
}

/*Contentmanager*/
h3.managerHeader {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    color: #3dbcbf;
}
#Contentmanager .post-time {
   display:none;
}
.landingpagemanager {
    display: none;
}
.page-header {
    padding-bottom: 20px;
    margin: 50px 20px 20px;
    border-bottom: 0px solid #9c9c9c;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 18px;
    color: #58585a;
    font-weight: 500;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #3dbcbf;
}

.Contentmanager .site .col-section .item.-micro a .post {
    font-size: 14px;
    color: #3dbcbf;
}

.contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
}
.Contenemanager-gallery .col-xs-6.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
}
.contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 0px solid #fff;
    border-radius: 0px;
    transition: 0.3s;
    transform: scale(1);
}
.Contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 0px solid #fff;
    border-radius: 0px;
    transition: 0.3s;
    transform: scale(1);
}
.Contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.03);
}
.contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.03);
}
.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;
}
#Contentmanager .col-md-12.text-justify {
    padding: 0px 10px;
}
.fbcomments, .fbcomments span[style], .fbcomments iframe[style] {
    display: none;
}  

/*เนื้อหาระบบ*/

.col-xs-12.col-sm-12.col-md-12.padding img {
width: 50%;
}
.col-md-9.col-sm-12 img {
    width: 40%;
    height: 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: #3dbcbf;
    border-color: #3dbcbf;
}
.pagination>li>a, .pagination>li>span {
    color: #3dbcbf;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #056abd;
    background-color: #f7f7f7;
}

/*search*/
 .itopplus-search-image-flex-item {
    width: 213px!important;
    min-height: 260px!important;
    max-height: 430px!important;
    background-color: #f9f9f9!important;
}
  .itopplus-search-image-flex-item img {
    width: 100%!important;
}
    .search_titleText {
    padding: 5px 0px;
    font-size: 16px;
}
    .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}



@media (max-width:1024px) {
.K_home {
    padding: 2%;
    font-size: 14px;
    height: 302px;
}
  .K_textservices {
    font-size: 36px;
    padding: 1% 2%;
 }
 .K_textservicesp {
    padding: 0%;
}
  .K_bgfix {
    padding: 18% 15%;
}
  .K_boxservices1 {
    font-size: 18px;
}
  .K_boxservices2 {
    font-size: 18px;
 }
  .K_textservices1 {
    font-size: 32px;
 }
}

@media (max-width:768px) {
.K_home {
    padding: 2% 2%;
    font-size: 12px;
    height: 285px;
 }
 .K_textservices {
    font-size: 30px;
    padding: 1% 2%;
 }
  .K_bgfix {
    padding: 10% 9%;
}
  .K_textservicesp {
    font-size: 16px;
}
  .K_boxservices1 {
    padding: 12px;
    font-size: 22px;
}
.K_boxservices2 {
    padding: 10px;
    font-size: 22px;
}
  .K_thumb {
    font-size: 14px;
}
 .K_pad1 {
    padding: 0% 3%;
}
  .K_pad2 {
    padding: 0% 3%;
}
.Contenemanager-gallery .col-xs-6.col-md-3 {
    width: 25%;
}
.itopplus-search-image-flex-item {
    width: 227px!important;
 }
  .btn-primary {
    background-image: linear-gradient(to bottom,#68c6c3 0,#68c6c3 100%);
    border-color: #68c6c3;
 }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #68c6c3;
}
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    border-color: #68c6c3;
 }
  .btn-primary:active, .btn-primary.active {
    background-color: #67af97;
    border-color: #67af97;
 }
  #Component5e562aa29d5e810013ea8ff2 label.col-xs-12.col-sm-3.col-md-3.control-label {
    width: 40%;
 }
}

@media (max-width:414px) {
.K_home {
    padding: 8% 2%;
    height: 369px;
    font-size: 16px;
}
.K_textservices {
    font-size: 28px;
}
.itopplus-bg2 {
    background-size: cover;
}
.K_bgfix {
    padding: 20% 8%;
    border-radius: 0 0 0 0;
}

  .K_thumb {
    font-size: 18px;
}
  .Contenemanager-gallery .col-xs-6.col-md-3 {
    width: 100%;
}
.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;
 }
}