.carousel-control.left, .carousel-control.right {
background-image:none !important;
}
.carousel-inner .item img {
width:100%;
height:100%;
}
.carousel-indicators {
bottom:5px;
left:10px;
width:auto;
padding:5px 25px 5px 25px;
margin-left:0;
background:rgba(0,0,0,0.7);
}
.carousel-indicators li {
border-radius:0;
width:8px;
height:8px;
background:#fff;
}
.carousel-indicators .active {
width:10px;
height:10px;
background:#39b3d7;
border-color:#39b3d7;
}
 
.carousel-control {
background:    transparent;
color:#fff;
padding: 4px 0;
width:26px;
top:auto; 
left:auto;
bottom:12px;
opacity:0.85;
}
.carousel-control :hover {
    padding:4px;
  background:rgba(0,0,0,0.35);
}
.carousel-control.right {
right:10px;
}
 
.carousel-control.left {
right: 46px;
}
.carousel-caption {
top:auto;
width:auto;
right:auto;
bottom:60px;
left:10px;
padding:20px;
background:rgba(0,0,0,0.70);
text-align:left;
height:auto;
max-width:50%;
 
}

#logo{
  margin-top: -12px;
}
#myNavbar{
  margin-top: -12px;
  
}
div .container #myCarousel .item{
  margin-top:  30px;
}
.language{
  padding-left: 90%;
  margin: auto;
  margin-bottom: 2px;
  
}
.TH{
  width: 25px;
  height: auto;
  margin: 0px;
  list-style: none;

}
.EN{
  width: 27px;
  height: auto;
   margin-bottom: 2px;
   margin-top: 2px;
}
#myCarousel  .carousel-inner{
  max-width: 100%;
  height: 400px;
  border: auto solid #73AD21;   

}
header .navbar{
  /*min-height:2px; background-color:#000000;*/
  min-height: 20px;
}
@media (min-width: 768px) {
    .container-small {
        width: 300px;
    }
    .container-large {
        width: 970px;
    }
}
@media (min-width: 992px) {
    .container-small {
        width: 500px;
    }
    .container-large {
        width: 1170px;
    }
}
@media (min-width: 1200px) {
    .container-small {
        width: 700px;
    }
    .container-large {
        width: 1500px;
    }
}
/*******************************************************************************************/
/*  HEARD 

section{
  display: block;
  float: left;
  width: 65%;
  margin: 10px;
}
.col-sm-4 #col-sm-4 img{
  width: auto;
  display: block;
   min-height: 100%; /* real browsers */
   height: auto !important; /* real browsers */
   height: 100%; /* IE6 bug */
   margin-bottom: -20px; /* กำหนด margin-bottom ให้ติดลบเท่ากับความสูงของ footer */
}
aside{
  display: block;
  float: right;
  width: 30%;
  margin:15;
  text-align: center;
  border-bottom: 15px;
}
div.boxTex1{
    display: block;
    top:50%;
    left:50%;   
    padding: 10px;
    border: 10px ;
    width: 450px;
    background-color: #708090;
    margin-bottom: 10px;
    float:left;
    color: #ffffff;
    padding-bottom: 25px;
    text-shadow: 0.1em 0.1em #333;
    text-align: center;
}
div.boxTex2{
    display: block;
    top:50%;
    left:45%;   
    padding: 10px;
    border: 10px ;
    width: 450px;
    background-color: #708090;
    margin-bottom: 10px;   
    float:right;
    color: #ffffff;
    padding-bottom: 25px;
    text-shadow: 0.1em 0.1em #333;
    text-align: center;
    /*background-image: ("images/phone_icon2.png") ;*/


}
.footer {
   height: 20px; /* ความสูงของ footer */
   display: block;
   text-align: center;
}
.wrapper {
   display: block;
   min-height: 100%; /* real browsers */
   height: auto !important; /* real browsers */
   height: 100%; /* IE6 bug */
   margin-bottom: -20px; /* กำหนด margin-bottom ให้ติดลบเท่ากับความสูงของ footer */
}
html, body { 
   height: 100%; /* ให้ html และ body สูงเต็มจอภาพไว้ก่อน */
   margin: 0;
   padding: 0;
}
#col-sm-12 {
 
background: #ffffff; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px ;
padding-left: 10px;
padding-right: 10px;

background: #fff;

margin: 10px auto 10px auto;
  box-shadow: 2px 2px 2px 2px rgba(50, 50, 50, .5);
  -webkit-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
  -moz-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
}
/*******************************************************************************************/