@charset "utf-8";
/* CSS Document */

#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;
display: none; z-index:1000; }
.popup{width: 100%;margin: 0 auto;margin-top:50px;display: none; position: fixed; z-index:9999; }
.cnt223{width:50%;min-height: 350px;margin: 5px auto;background: #f3f3f3;position: relative;z-index: 1003;padding: 10px;border-radius: 5px;box-shadow: 0 2px 5px #000;}
.cnt223 p{clear: both;color: #555555;text-align: center;}
.cnt223 iframe{ height:380px; margin-bottom:20px;}
.cnt223 p a{color: #04befc; font-weight: bold;  margin-top:10px; text-transform:uppercase;}
.cnt223 p a:hover{ text-decoration:underline;}
.cnt223 .x{float: right;height: 35px;left: 22px;position: relative;top: -25px;width: 34px;}
.cnt223 .x:hover{cursor: pointer;}

@media (max-width: 768px) { .popup{ height:200px;} .cnt223{ width:80%; height: 50%;} .cnt223 iframe{ height:280px;}  }