/**
 * jQuery lightBox plugin
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @version 0.5
 * @category jQuery plugin
  */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

  
  /* For mobile phones: */
  
  

@media only screen and (max-width:768px) {
	
	 #sh_menu {
	  float: none;
	  width: 98%; 
  }
  #sh_menu ul li a {
	font-size: 11.5px;
}
  #sh_main {
	float: none;
	width: 95%;
}
#logo{
	float: none;
	Width: 50%;
	
}
#logo1{
	float: none;
	Width: 50%;
	
}
  #sh_menu ul {
	  float: none;
	  width: 100%; 
	  
  }
  
 
  #sh_header {
	  float: none;
	  width: 95%;
  }
  #sh_wrapper {
	  float: none;
	  width: 95%;
  }
    
	  
	  .lp_box_last {
		  float: none;
		  width: 95%;
	  }
    .col_w600 {
		float: none;
		width: 95%;
	}
	.col_w600 p {
		float: none;
		width: auto;
	}
	.col_w300 {
		float: none;
		width: 95%;
	}
	.col_w300 p {
		float: none;
		width: 95%;
	}
	.post_box {
		float: none;
		width: 95%;
	}
	.col_w960 {
		flex-direction: column;
        gap: 20px;
	}
      .col_w960_last {
        flex-direction: column;
        gap: 20px;
      }

      .lp_box {
        width: 100%;
      }
    }
	
	.col_w450 {
		float: none;
		width: 95%;
	}
	.col_left {
		float: none;
		width: 95%;
	}
	.col_right {
		float: none;
		width: 95%;
	}
	
	.col_w960 a.more {width: 30% }
	
	
	.subpage a.less { width: 30%; } 
	.col_w960_last a.more {width: 30% }
	.col_w960 a.less {width: 30% }
	.col_w450 a.more {width: 30% }
	#sh_menu ul li {
		display: flex; 
		width: 14%
		 }

@media only screen and (max-width:992px) {
	
	#sh_menu {
	 float: none;
	 width: 95%;
	 
 }
 #sh_menu ul li a {
	font-size: 11.5px;
}
 #sh_main {
   float: none;
   width: 95%;
   
}
#logo{
	float: none;
	Width: 50%;
}
#logo1{
	float: none;
	Width: 50%;
}
 #sh_menu ul {
	 float: none;
	 width: 100%; 
	 
 }
 

 
 #sh_header {
	 float: none;
	 width: 95%;
 }
 #sh_wrapper {
	 float: none;
	 width: 95%;
 }
   
	 .lp_box {
		 float: none;
		 width: 95%;
	 }
	
	 
	 .lp_box_last {
		 float: none;
		 width: 95%;
	 }
   .col_w600 {
	   float: none;
	   width: 95%;
   }
   .col_w600 p {
	   float: none;
	   width: 95%;
   }
   .col_w300 {
	   float: none;
	   width: 95%;
   }
   .col_w300 p {
	   float: none;
	   width: 95%;
   }
   .post_box {
	   float: none;
	   width: 95%;
   }
   .col_w960 {
	   float: none;
	   width: 95%;
	   margin: 5px;
   }
   .col_w960_last {
	   float: none;
	   width: 95%;
   }
   .col_w450 {
	   float: none;
	   width: 95%;
   }
   
   
   
   .col_w960 a.more {width: 30% }
   
   
   .subpage a.less { width: 30%; } 
   .col_w960_last a.more {width: 30% }
   .col_w960 a.less {width: 30% }
   .col_w450 a.more {width: 30% }
   #sh_menu ul li {
	   display: flex; 
	   width: 14%
		}
}

@media only screen and (max-width:1200px) {
	
	#sh_menu {
	 float: none;
	 width: 95%;
	 
 }
 #sh_menu ul li a {
	font-size: 11.5px;
}
 #sh_main {
   float: none;
   width: 95%;
   
}
#logo{
	float: none;
	Width: 50%;
}
#logo1{
	float: none;
	Width: 50%;
}
 #sh_menu ul {
	 float: none;
	 width: 100%; 
	 
 }
 

 
 #sh_header {
	 float: none;
	 width: 95%;
 }
 #sh_wrapper {
	 float: none;
	 width: 95%;
 }
   
	 .lp_box {
		 float: none;
		 width: 95%;
	 }
	
	 
	 .lp_box_last {
		 float: none;
		 width: 95%;
	 }
   .col_w600 {
	   float: none;
	   width: 95%;
   }
   .col_w600 p {
	   float: none;
	   width: 95%;
   }
   .col_w300 {
	   float: none;
	   width: 95%;
   }
   .col_w300 p {
	   float: none;
	   width: 95%;
   }
   .post_box {
	   float: none;
	   width: 95%;
   }
   .col_w960 {
	   float: none;
	   width: 95%;
	   margin: 5px;
   }
   .col_w960_last {
	   float: none;
	   width: 95%;
   }
   .col_w450 {
	   float: none;
	   width: 95%;
   }
   
   
   
   .col_w960 a.more {width: 30% }
   
   
   .subpage a.less { width: 30%; } 
   .col_w960_last a.more {width: 30% }
   .col_w960 a.less {width: 30% }
   .col_w450 a.more {width: 30% }
   #sh_menu ul li {
	   display: flex; 
	   width: 14%
		}
}