/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0; 
      font-weight: bold;
     font-size:18px; 
    } 
    .navbar .active { 
    } 
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    } 
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
  } 
  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }
/* ============ desktop view  show menu link ============ */
@media all and (min-width: 992px) { }
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ display: block;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
  	 
/* ============ desktop view .end// ============ */
 ul.nav a:hover   { color: yellow  !important;   background-color: #bd7e48;     font-weight: bold;
     font-size:18px; }
 ul.nav  a:active   {  color:#b87825;     }
 ul.nav  a:visited  {   color:#000;   background-color: #f5c987;    }
ul.nav a:link {   color:#000;   font-size:18px;    }
.icon-bar {
  width: 100%;
  background-color: #555;
  overflow: auto;
}  
ul.nav-tabs  li  {   background-color: #fcf3bb;     font-weight: bold;
                          font-size:18px; border-radius:5px; 
                          border:1px solid #e0a102;    
                       }  
 



.textmarquree{  background-color: rgba(240, 215, 115,0.6);
  valign:middle;
 // background-image: url('https://www.uts.ac.th/them1/images/bgdot.png');   
  border:2px solid #f7a100;  border-radius:4px;  box-shadow: 0px 0px #847209;
}
.boxboss{ 
	box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
    text-align: center; background-color:#0af; padding-bottom:1px;   
  padding-right:1px;    padding-top:1px;    padding-left: 1px; border-radius:15px; 
}
.boxboss2{   
  border:4px solid #ffc054;  border-radius:1px; 
  //box-shadow: 3px 18px 7px 4px rgba(125, 83, 10,0.5); 
 // text-shadow: 0px  1px  1px rgba(161, 106, 11, .3);
 	background-size: cover;
	// color: transparent; 
	//line-height:  .55; 
// margin: 10px 0; 
}
.boxboss3{ 
 border-radius:5px; 
  border:2px solid #ad1a76;     
background-color: rgba(255, 247, 252, 0.3); 
}	
.imgnews_front{
	box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
    text-align: center; background-color:#0af;    
   border-radius:5px; 
} 
 .footer {  
    height: auto;
    bottom: 0;
    color:#fff;
    padding-top:20px;
    width: 100%;
    //background: #f5dcb0; 
    // background: -webkit-linear-gradient(to top,#b87602, #f5dcb0);  
    // background: linear-gradient(to top, #b87602, #f5dcb0); 
    text-align:center;
background-color: rgba(179, 138, 68, 0.2);  
box-shadow: 3px 18px 7px 4px rgba(0,0,0,0.5);
}
 

/*== vertical slide ===========================================*/
 

 /*== ===== float: left;======================================*/
 .cropx {  border: 3px solid  #9ee7ff;
   margin  :4px;
 border-radius:7px;  
    width:  100%;
    height: 150px;
    object-fit: cover;
}
  .cropt {  border: 2px solid  #e6ac19;
   margin  :4px;
 border-radius:7px;  
    width:  100%;
    height: 130px;
    object-fit: cover;
}
  
/*==SLIDE======*/ 
 #slideshow { 
 border-radius:5px; 
  position: relative;
  width: 100%;
  height: 400px; 
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
} 
#slideshow > div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
/*=====================*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(70,70,90); /* Fallback color */
    background-color: rgba(90,90,100,1.5); /* Black w/ opacity */
	
 
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 950px;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 1.0s;
    animation-name: zoom;
    animation-duration: 1.0s;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}
@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 135px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    transition: 0.1s;
}
.close:hover,
.close:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%; 
    }
}