@charset "UTF-8";
body {

}

.bannerSlides img {
    transition: all 0.5s ease-in-out;
}
.bannerSlides:hover img {
    transform: scale(1.05, 1.05);
  
}


* {box-sizing: border-box;}
.bannerSlides {display:block;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1800px;
  position: relative;
  margin: auto;
  display:inline-block;
  overflow:hidden;
  padding-top:10px;
}

/* Caption text */


/* Number text (1/3 etc) */


/* The dots/bullets/indicators */
.dot {
  height: 12px;
  width: 12px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  bottom:50px;
  transition: background-color 0.6s ease;
}

.dot:hover {
cursor:	pointer;
}

.active {
 /* background-color: rgb(170,20,40);*/
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
#pageheader {
z-index:9998;	
}

.sticky {
  position:fixed;
  top: 0;
  background:#fff;
  left:0%;
  right:0%;

}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

div#popupnews {
    position: fixed;
	top:50%;
   	left:50%;
  	display:none;
 	transform: translate(-50%, -50%);
	z-index: 9999;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
}

#popupContainer {
	position: fixed;
    max-width: 320px;
    width: 100%;;
    text-align: center;
    margin: 0 auto;
    background-color: #ffffff;
    height: 80%;
	max-height:80%;
	overflow: scroll;
	top:50%;
   	left:50%;
    transform: translate(-50%, -50%);
}	
#close{
  
  width:20px;
  padding:3px;
  background-color:#ffffff; 
  float:right;  
  margin:10px 10px;
  cursor:pointer;
  border-radius:2px;
  font-weight:bold;
  overflow: hidden;
}
#close:hover{
  background-color:#ffffff;
}	


.btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; border:none; border-radius:12px;  padding: 2.5px 10px 2.5px 10px;font: 12px / 1.2 "Noto Sans HK", "arial", "微软雅黑"; color:#fff; background-color: #000; /* blue */}

.btn:hover { background-color: #666; /* white */ color: #fff; /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); */cursor:pointer;}

label.btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; border:none; border-radius:12px;  padding: 1.5px 30px 1.5px 30px; font: 12px / 1.2 "Noto Sans HK","arial", "微软雅黑"; color:#fff; background-color: #000; /* blue */margin:5px 0 5px 0;}

label.btn:hover { background-color: #666; /* white */ color: #fff; /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); */cursor:pointer;}

.ybtn {background-color:#C19009;margin-top:5px;margin-bottom:10px;display: block;width:80px;text-align: center;font: 14px / 1.2 "Noto Sans HK", "arial", "微软雅黑";}

.btn a {color:#fff}