@charset "UTF-8";

/*home popup*/
.homePopup{
	width:100%;
	/* position:absolute; */
	position:fixed;
	z-index:1000;
	top:100px;
	left:50%;
	transform:translateX(-50%);
	max-width:500px;
	padding:20px;
	display:none;	
}
.homePopup .popupContent img{ max-width:100%;}
.homePopup .popupClose {
	position:absolute;
	top:0;
	right:0;
	background-color:#0266AE;
	border-radius:50%;
	width:40px;
	height:40px;
	display:inline-block;
	text-indent:-9999px;
	z-index:1900;
	transition:background .3s ease 0s;
}
.homePopup .popupClose:hover{
	background-color:#318CA6;
}
.homePopup .popupClose:before, .homePopup .popupClose:after {
	content:'';
	height:2px;
	width:26px;
	display:block;
	background:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	transform:rotate(-45deg) translate(-50%, -50%);
	-webkit-transform:rotate(-45deg) translate(-50%, -50%);
	transform-origin:left top;
	-webkit-transform-origin:left top;
	transition:background .3s ease 0s;
}
.homePopup .popupClose:after {
	transform:rotate(45deg) translate(-50%, -50%);
	-webkit-transform:rotate(45deg) translate(-50%, -50%);
}
.homePopup .popupClose:hover:before, .homePopup .popupClose:hover:after{
	/*background:#147929;*/
}
.homePopup .popupContent{ background-color:#fff;}
.homePopup .popupContent a{ line-height:0; display:block;}
.homePopup .popupContent a img{
	opacity:1;
	transition:opacity .3s ease 0s;
}
.homePopup .popupContent a:hover img{
	opacity:.85;
}
@media screen and (max-width: 767.98px){
	.homePopup{
		max-width: 360px;
	}
}