/* Special event: cyber week */
:not(oldBrowser) .event-back-cyber:before {
 background: url(/images/event/cyber-left.png) repeat-x 0 0; 
}
:not(oldBrowser) .event-back-cyber:after {
 background: url(/images/event/cyber-right.png) repeat-x 0 0; 
}
.event-center-cyber:before {
 background: url(/images/event/cyber-left.png) repeat-x 0 0; 
}
.cyber-body {
 background-image: url(/images/event/cyber-back.png);
 background-repeat: no-repeat;
 background-size: 100% 100px;
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/event/cyber-back.png',sizingMethod='scale');
}
.cyber-body > div {
 height: 100px;
 position: relative;
}
.cyber-circle, .cyber-add-1, .cyber-add-2, .cyber-text, .cyber-off, .cyber-close {
 position: absolute;
 display: block;
}
.cyber-circle {top:2px;left:0px;}
.cyber-add-1 {top:15px;left:125px;}
.cyber-add-2 {top:60px;left:110px;}
.cyber-add-2 {top:60px;left:110px;}
.cyber-close {top:5px;right:5px;}
.cyber-text {top:15px;left:200px;width:55%;}
:not(oldBrowser) .cyber-text {width:auto;}
.cyber-off {top:55px;left:80%;width:16%;}
:not(oldBrowser) .cyber-off {width:auto;}
@media screen and (max-width:1280px) {
 .cyber-text {left:190px;width:55%!important;}
 .cyber-off {width:18%!important;}
}
@media screen and (max-width:1024px) {
 .cyber-text {width:50%!important;}
}