.itopplus-background {

}

/* icon slide */
a.carousel-control {
  display: none;
}

.carousel-indicators.hidden {
  display: block !important;
    visibility: visible !important;
}

.carousel-indicators li {
    -webkit-box-shadow: 0px 0px 18px 0px rgba(194,190,194,1);
    -moz-box-shadow: 0px 0px 18px 0px rgba(194,190,194,1);
    box-shadow: 0px 0px 18px 0px rgba(194,190,194,1);
}


.carousel-indicators .active {
    width: 25px;
    height: 4px;
    margin: 0;
     margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: #acacac;
    border: 1px solid #acacac;
    border-radius: 10px;
}

.carousel-indicators li {
    display: inline-block;
    width: 25px;
    height: 4px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 10px;
}


/*ปุ่มฟอร์มติดต่อเรา*/
.btn-primary{
	background-image: linear-gradient(to bottom,#67af74 0,#53a461 100%);
      border-color: #50a35f;
}
.btn-primary:active, .btn-primary.active {
    background-color: #8bc63c;
    border-color: #8cc73c;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #8dc83e;
    background-position: 0 -15px;
  	border-color: #5aa868;
}


/*หัวข้อ*/
.subject{
	font-size:32px;
}
.subject2 {
    font-size: 26px;
}
.title{
	font-size:28px;
}
.pad-top{
	padding-top:20px;
}

.border-tel{
    background-color: #8cc63e;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    color: #fff;
    border: solid 2px #4dc21e;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 10px;
}
.border-tel:hover{
    background-color: #4dc21e;
}

/*อัลบั้ม*/
.thumbs {
    display: block;
    margin-bottom: 5px;
}
.thumbs h2.margin {
    font-size: 18px;
    text-align: center;
    color: #92ff00;
    background: linear-gradient(to bottom, rgba(106,177,119,1) 0%, rgba(76,161,91,1) 100%);
    border-radius: 10px;
    padding: 0px 5px;
    margin: 15px 0px!important;
    line-height: 1.5;
}
.thumbnail, .img-thumbnail {
    box-shadow: none;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
}



/*เนื้อหาระบบ*/
.Contentmanager .site .col-section .item.-micro a .image {
    width: 50%;
}
.Contentmanager .site .col-section .item.-micro a .caption {
    width: 50%;
}
.col-md-8.col-sm-8.col-xs-12 strong {
    font-size: 16px;
    text-align: left;
}
.col-md-8.col-sm-8.col-xs-12 p{
    font-size: 14px;
    text-align: left;
}
/*อัลบั้มในเนื้อหาระบบ*/
.form-group .col-md-2 {
 padding: 5px;
 text-align: center!important;
}
#Contentmanager .form-group .col-md-3 {
 padding: 5px;
 text-align: center!important;
margin-bottom: -20px;
/*width: 32%; */
}  
  .thumbnail, .img-thumbnail {
    box-shadow: none;
}
.landingpagemanager {
    padding: 10px;
    margin-top: 30px;
    border-radius: 5px;
    border: solid 1px #eee;
    display: none;
}


/*เอฟเฟ็ก*/
.hvr-bounce-in {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    color:#8cc63e;
}






/*ฟอร์มสร้างเอง*/
#capcha0{
      margin-left: -7px;
      margin-right: -45px;
}

@media (max-width:768px) {
  #capcha0 {
    margin-left: 7px;
    margin-right: 14px;
}
  .subject {
      font-size: 22px;
  }
  .title {
    font-size: 20px;
}
  .pad-top {
    padding-top: 5px;
}
.subject2 {
    font-size: 18px;
}
  .thumbs h2.margin {
    font-size: 13px;
    padding: 0px 2px;
}
  body {
    font-size: 12px;
  }
    /*ฟอร์มค้นหา*/
#main-navbar-search .col-sm-12, .col-md-12, .col-lg-12, .col-sm-12 {
    padding-right: 2px;
    padding-left: 2px;
}
p.search_text {
    word-break: break-word;
}
  p.search_urlSearch {
    word-break: break-word;
}
  .Textmanager.font-inherit {
    padding-right: 15px;
    padding-left: 15px;
}
}


@media (max-width: 414px){
  .thumbs h2.margin {
      font-size: 16px;
      padding: 0px 10px;
    	line-height:1.5;
  }
  #Contentmanager .form-group .col-md-3 {
 padding: 5px;
 text-align: center!important;
margin-bottom: -20px;
width: 100%;
}
}




/*เมนู*/
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #000;
  color:#fff;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.navbar-default {
    background: #212121;
    border-radius: 0;
}
.navbar-default .navbar-brand {
    color: #ffffff;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #ffffff;
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.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: #ffffff;
    background-color: transparent
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}
.text-bar {
    color: #ffffff!important
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #ffffff!important;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #ffffff;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    border-color: #ffffff;
}
@media (max-width:768px) {
  .navbar-header {
      background: #212121;
  }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    .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: #ffffff;
        background-color: transparent
    }
}
.navbar-nav>li>a {
    padding: 3px 10pt;
    margin: 0pt 0px;
    border-radius: 20px;
}
.navbar {
    min-height: 0px;
}
.nav>li>a:focus,.nav>li>a:hover {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
}

/*เมนูชิดขวา*/
/* 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:right ;
}
.navbar-default {
  	margin-left: -15px;
    margin-right: -15px;
}
   ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
margin: 0;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 9px;
    padding-right: 9px;
}  
}

/* 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:right ;
}
.navbar-default {
  	margin-left: -15px;
    margin-right: -15px;
}
   ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
margin: 0;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
}    
}



/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
   ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
margin: 0;
 }
}



.itopplus-footer a{
	color:#fff;
}

a:hover{
	color:#8cc63e;
}


body{
	font-weight: 300;
}
b, strong {
    font-weight: 500;
}