@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1600px) {
#spopup{
	background:#f3f3f3;
	opacity:0.93;
	/*border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;*/
	-moz-box-shadow:inset 0 0 3px #333;
	-webkit-box-shadow:inset 0 0 3px #333;
	box-shadow:inner 0 0 3px #333;
	padding:3% 0;
	width:100%;
	position:fixed;
	bottom:0px;
	/*right:3px;*/
	display:none;
	z-index:100;
	height:25%;
	overflow:hidden;
}
#spopup p{color:#c41323; text-align:center; padding:4% 4%; font-weight:bold; float:left; width: 70% /*calc(100% - 155px)*/;}
#spopup a{color:#c41323; text-align:center; text-decoration:none; font-size: 2em; font-weight:bold;}
#spopup img{width:127px;margin:0 4%;}}
@media screen and (max-width: 1199px) {
#spopup{padding:3% 0; width:100%; height:20%;}
#spopup p{padding:5% 4%; width: 65%;}
#spopup a{font-size: 1.7em;}}
@media screen and (max-width: 991px) {
#spopup{padding:3% 0; width:100%; height:15%;}
#spopup p{padding:6% 4%; width: 65%;}
#spopup a{font-size: 1.7em;}}
@media screen and (max-width: 767px) {
#spopup{padding:3% 0; width:100%; height:25%;}
#spopup p{padding:8% 4%; width: 60%;}
#spopup a{font-size: 1.5em;}}
@media screen and (max-width: 649px) {
#spopup{padding:3% 0; width:100%; height:25%;}
#spopup p{padding:8% 4%; width: 59%;}
#spopup a{font-size: 1.5em;}}
@media screen and (max-width: 530px) {
#spopup{padding:3% 0; width:100%; height:25%;}
#spopup p{padding:8% 4%; width: 56%;}
#spopup a{font-size: 1.5em;}}
@media screen and (max-width: 480px) {
#spopup{padding:3% 0; width:100%; height:22%;}
#spopup p{padding:6% 4%; width: 50%;}
#spopup a{font-size: 1.3em;}}
@media screen and (max-width: 400px) {
#spopup{padding:3% 0; width:100%; height:24%;}
#spopup p{padding:8% 4%; width: 47%;}
#spopup a{font-size: 1.1em;}
#spopup img{width:100px;}}
@media screen and (max-width: 320px) {
#spopup{padding:3% 0; width:100%; height:22%;}
#spopup p{padding:7% 4%; width: 45%;}
#spopup a{font-size: 0.87em;}
#spopup img{width:84px;}}