#down_frame{
display: none;
justify-content: space-between;
align-items: flex-end;
position: fixed;
z-index:999;
padding: 25px;
background-color: white;
border-radius: 4px;
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
@media (min-width: 769px){
#down_frame.show{display: block;}
}
@media (max-width: 768px){
#down_frame.show{display: block;text-align: left;}
}
#down_frame{
bottom: 15px;
left: 50%;
transform: translateX(-50%);
}
.window-txt{
margin: 0;padding:0;
}
.window-txt,.window-txt p{
font-size: 13px;
text-align: left;
color: #000;
}
.window-txt p{
margin: 0;padding:0;
}
.down_frame_close{
border:1px solid #ccc;padding:5px 15px;box-shadow:0 0 5px rgba(0,0,0,.2);background:#fafafa;font-size:13px;color:#888;border-radius:5px;
}
.accept,.icon{
position:absolute;top:6px;right:6px;width:20px;height:20px;background:url(/modules/cookie_notice/close.png) 2px 2px no-repeat;opacity:0.4;cursor:pointer;
}
.accept:hover,.icon:hover{
opacity:1
}
.icon{
display:block;padding:0;border:0;background-color:none;box-shadow:none;margin-top:0;
}
.mr0{
margin-right:0!important;
}
@media (min-width: 1200px){
#down_frame{width:1000px;}
.window-txt{;margin-right:120px;}
.down_frame_close{position:absolute;top:30px;right:23px;}
.accept,.icon{top:6px;right:6px;}
}
@media (min-width: 1025px) and (max-width: 1199px){
#down_frame{width:900px;}
.window-txt{;margin-right:120px;}
.down_frame_close{position:absolute;top:30px;right:23px;}
.accept,.icon{top:6px;right:6px;}
}
@media (min-width: 641px) and (max-width: 1024px){
#down_frame{width:90%;}
.window-txt{;margin-right:120px;}
.down_frame_close{position:absolute;top:30px;right:23px;}
.accept,.icon{top:6px;right:6px;}
}
@media (max-width: 640px){
#up_frame,#down_frame{width:80%;}
.down_frame_close{display:inline-block;margin-top:20px;}
.accept,.icon{top:6px;right:6px;margin-top:0;}
}