* { padding: 0px; margin: 0px; border: 0px; font-size: 0px; } html { overflow-y: scroll; background-color: #000000; } html, body { height: 100%; } html > body { min-height: 100%; } h1, h2, h3, h4, p, span, li, a { font-family: 'Noto Serif', 'PT Sans', 'Trebuchet MS', segoe ui, trebuchet ms, Verdana, Arial, Tahoma, sans-serif; color: #252525; } h1, h2 { font-weight: bold } h1 { font-size: 20px } h2 { font-size: 18px } h3 { font-size: 16px } h4 { font-size: 14px } p { font-size: 13px } b { font-size: 13px } i { font-size: 13px } strong { font-size: 13px } a { font-size: 13px } span { font-size: 13px } a { text-decoration: none } div.cc { width: 980px; margin: 0 auto; } header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; } #wrap { position: relative; margin: 0 auto; width: 100%; height: auto !important; min-height: 100%; height: 100%; background-image: url(/pic/front/global-back.jpg); background-position: center top; background-repeat: no-repeat; } #wrap-light { width: 100%; height: auto !important; min-height: 100%; height: 100%; background: url(/pic/front/back-pattern.jpg) left top; } #content { width: 100%; margin: 0 auto; min-height: 400px; padding-bottom: 100px; overflow: hidden; } #content-light { position: relative; width: 430px; margin: 0 auto 0px auto; min-height: 500px; padding-bottom: 100px; } #content.rel { position: relative; } /********** GLOBAL HEADER MENU *********/ header div.global-menu { height: 36px; background: rgba(0,0,0,0.7); } header div.global-menu:hover { background: rgba(0,0,0,1); } header div.global-menu ul.external { list-style: none; display: inline-block; } header div.global-menu ul.external li { position: relative; display: inline-block; line-height: 36px; padding: 0px 14px; } header div.global-menu ul.external > li:first-child { margin-left: 20px; } header div.global-menu ul.external li a { color: #999999; display: block; } header div.global-menu ul.external li a.shop { color: #ac7a25; } header div.global-menu ul.external li:hover a.shop { color: #e4b361 !important; } header div.global-menu ul.external li:hover { background: #222222; } header div.global-menu ul.external li:hover a { color: #eaeaea; } /********** GLOBAL HEADER SUB MENU *********/ header div.global-menu ul.external li > ul.sub-menu { display: none; position: absolute; top: 36px; left: 0px; list-style: none; background: #000000; } header div.global-menu ul.external li > ul.sub-menu li { display: block; line-height: 36px; background: #000000; } header div.global-menu ul.external li > ul.sub-menu li a { display: block; color: #999999; } header div.global-menu ul.external li > ul.sub-menu li+li { border-top: 1px solid #222222; } header div.global-menu ul.external li > ul.sub-menu li:hover a { color: #eaeaea; } header div.global-menu ul.external li > ul.sub-menu li:hover { background: #222222; } /************* GLOBAL HEADER SUBSCRIBER *************/ header div.global-menu ul.subscriber { float: right; list-style: none; display: inline-block; } header div.global-menu ul.subscriber li { position: relative; display: inline-block; line-height: 36px; padding: 0px 14px; } header div.global-menu ul.subscriber li a { color: #999999; display: block; } header div.global-menu ul.subscriber li a.nick { font-size: 15px; color: #f1e5d5; -moz-text-shadow: 0 0 5px rgba(240,230,212,0.6); -webkit-text-shadow: 0 0 5px rgba(240,230,212,0.6); text-shadow: 0 0 5px rgba(240,230,212,0.6); } header div.global-menu ul.subscriber li a.nick img { position: relative; width: 18px; height: 18px; top: 4px; margin-left: 4px; } header div.global-menu ul.subscriber li:hover { background: #222222; } header div.global-menu ul.subscriber li:hover a { color: #eaeaea; } /********** GLOBAL HEADER SUBSCRIBER SUB MENU *********/ header div.global-menu ul.subscriber li > ul.sub-menu-click { min-width: 145px; display: none; position: absolute; top: 45px; right: 0px; list-style: none; background-color: #101e27; border: 1px solid #374246; -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,1), inset 0px 0px 1px 2px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,1), inset 0px 0px 1px 2px rgba(0,0,0,1); box-shadow: 0px 0px 1px 1px rgba(0,0,0,1), inset 0px 0px 1px 2px rgba(0,0,0,1); } header div.global-menu ul.subscriber li > ul.sub-menu-click::after { content: " "; position: absolute; z-index: 10; width: 21px; height: 13px; top: -10px; right: 24px; background: url(/pic/front/drop/drop_window_arrow.png) center center no-repeat; } header div.global-menu ul.subscriber li > ul.sub-menu-click li { display: block; line-height: 36px; background: #101e28; } header div.global-menu ul.subscriber li > ul.sub-menu-click li:first-child:hover { background: #101e28 !important; } header div.global-menu ul.subscriber li > ul.sub-menu-click li a { display: block; color: #999999; } header div.global-menu ul.subscriber li > ul.sub-menu-click li+li { border-top: 1px solid #222222; } header div.global-menu ul.subscriber li > ul.sub-menu-click li:hover a { color: #bcbdbf; } header div.global-menu ul.subscriber li > ul.sub-menu-click li:hover { background: #28363f; } header div.global-menu ul.subscriber li > ul.sub-menu-click li.about { line-height: 20px; padding-top: 6px; padding-bottom: 6px; } header div.global-menu ul.subscriber li > ul.sub-menu-click li.about span { display: block; } header div.global-menu ul.subscriber li > ul.sub-menu-click li.about span.nick { color: #2b98f5; } header div.global-menu ul.subscriber li > ul.sub-menu-click li.about span.email { font-size: 11px; color: #9f907d; } header div.global-menu ul.subscriber li > ul.sub-menu-click li span.ico { float: left; display: inline-block; width: 26px; height: 26px; margin-right: 10px; position: relative; top: 5px; } header div.global-menu ul.subscriber li > ul.sub-menu-click li span.ico.settings { background: url(/pic/front/drop/ICO_settings.png) center center no-repeat; background-size: 25px; } header div.global-menu ul.subscriber li > ul.sub-menu-click li span.ico.exit { background: url(/pic/front/drop/ICO_exit.png) center center no-repeat; background-size: 25px; } /************* GLOBAL HEADER SIGN *************/ header div.global-menu div.sign { float: right; height: 36px; } header div.global-menu div.sign a, header div.global-menu div.sign span { display: inline-block; line-height: 36px; } header div.global-menu div.sign a { color: #999999; padding: 0px 8px; } header div.global-menu div.sign a:hover { color: #eaeaea; background: #222222; } header div.global-menu div.sign a:last-child { margin-right: 20px; } header div.global-menu div.sign span { color: #6c6c6c; padding: 0px 5px; } /*************** HEADE LOGO ****************/ body div.head { width: 680px; margin: 0 auto; height: 280px; padding-top: 36px; } body div.head img { width: 600px; margin: 12px 0px 0px 36px; } body #content-light a.logo { padding: 20px 0px; margin: 0 auto; display: block; text-align: center; } body #content-light a.logo img { width: 600px; } /*************** MAIN FRAME MENU **************/ div.frame-menu { position: absolute; width: 100%; z-index: 10; } div.frame-menu div.data { position: relative; margin: 0 auto; width: 980px; height: 120px; background-image: url(/pic/front/top_panel.png); background-position: center top; background-repeat: no-repeat; overflow: visible; } div.frame-menu div.data::before { position: absolute; top: 0px; left: -22px; content: ' '; width: 47px; height: 214px; background-image: url(/pic/front/left_panel.png); background-position: left top; background-repeat: no-repeat; } div.frame-menu div.data::after { position: absolute; top: 0px; right: -28px; content: ' '; width: 55px; height: 214px; background-image: url(/pic/front/right_panel.png); background-position: left top; background-repeat: no-repeat; } div.frame-menu div.data > ul.menu { list-style: none; position: absolute; top: 42px; left: 24px; z-index: 15; width: 940px; } div.frame-menu div.data > ul.menu > li { display: inline-block; float: left; width: 136px; height: 73px; } div.frame-menu div.data > ul.menu li.subscriber { width: 259px; height: 86px; position: relative; background: url(/pic/front/menu/subscriber-back.png) left top no-repeat; } div.frame-menu div.data ul.menu li.main { background: url(/pic/front/menu/main.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.library { background: url(/pic/front/menu/library.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.media { background: url(/pic/front/menu/media.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.faq { background: url(/pic/front/menu/faq.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.social { background: url(/pic/front/menu/social.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.main:hover { background: url(/pic/front/menu/main_hover.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.library:hover { background: url(/pic/front/menu/library_hover.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.media:hover { background: url(/pic/front/menu/media_hover.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.faq:hover { background: url(/pic/front/menu/faq_hover.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.social:hover { background: url(/pic/front/menu/social_hover.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.main.active { background: url(/pic/front/menu/main_active.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.library.active { background: url(/pic/front/menu/library_active.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.media.active { background: url(/pic/front/menu/media_active.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.faq.active { background: url(/pic/front/menu/faq_active.jpg) center center no-repeat } div.frame-menu div.data ul.menu li.social.active { background: url(/pic/front/menu/social_active.jpg) center center no-repeat } div.frame-menu div.data > ul.menu > li > a { display: block; height: 73px; position: relative; text-align: center; } div.frame-menu div.data > ul.menu > li > a span { display: block; color: #ffb961; padding-top: 45px; font-weight: bold; font-size: 14px; } div.frame-menu div.data ul.menu li.main:hover a span, div.frame-menu div.data ul.menu li.media:hover a span, div.frame-menu div.data ul.menu li.library:hover a span, div.frame-menu div.data ul.menu li.faq:hover a span, div.frame-menu div.data ul.menu li.social:hover a span, div.frame-menu div.data ul.menu li.main.active a span, div.frame-menu div.data ul.menu li.media.active a span, div.frame-menu div.data ul.menu li.library.active a span, div.frame-menu div.data ul.menu li.faq.active a span, div.frame-menu div.data ul.menu li.social.active a span { color: #ffcf94; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); } div.frame-menu div.data ul.menu li.subscriber a { text-align: left; } div.frame-menu div.data ul.menu li.subscriber a span.ico { background: url(http://store.palgame.ru/resources/portrait/male/f_p1.jpg) center center no-repeat; background-size: 66px; display: block; width: 60px; height: 60px; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; position: absolute; top: 6px; left: 15px; padding: 0px !important; } div.frame-menu div.data ul.menu li.subscriber a span.title { padding: 8px 0px 0px 86px; color: #850100; font-size: 14px; } div.frame-menu div.data ul.menu li.subscriber a span.desc { padding: 1px 0px 0px 86px; color: #2f2929; font-size: 12px; } div.frame-menu div.data ul.menu li.subscriber div.auth { position: absolute; top: 0px; left: 0px; background: url(/pic/front/menu/subscriber-back-big.png) left top no-repeat; width: 259px; height: 225px; z-index: 10; display: none; } /*************** IS AUTH ****************/ div.subscriber-is-auth div.avatar { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 60px; height: 60px; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; position: absolute; top: 6px; left: 15px; padding: 0px !important; -webkit-box-shadow: inset 0px 0px 10px 3px rgba(0,0,0,0.7); -moz-box-shadow: inset 0px 0px 10px 3px rgba(0,0,0,0.7); box-shadow: inset 0px 0px 10px 3px rgba(0,0,0,0.7); } div.subscriber-is-auth div.avatar a.exit { position: absolute; display: block; width: 17px; height: 17px; top: 4px; right: -3px; background-image: url(/i/user-close.png); background-position: center; background-repeat: no-repeat; } div.subscriber-is-auth div.avatar a.go-account { display: block; height: 60px; } div.subscriber-is-auth a.account, div.subscriber-is-auth a.flash { margin-left: 86px; display: inline-block; clear: both; } div.subscriber-is-auth a.account { color: #850100; font-size: 13px; padding-bottom: 1px; margin-bottom: 4px; margin-top: 8px; font-weight: bold; border-bottom: 1px dashed transparent; overflow: hidden; max-width: 155px; height: 20px; } div.subscriber-is-auth a.account:hover { border-bottom: 1px dashed #850100; } div.subscriber-is-auth a.flash { padding-top: 4px; line-height: 22px; height: 26px; width: 145px; color: #f1e5d5; font-size: 15px; font-weight: bold; text-align: center !important; background: url(/pic/shop/button_n.jpg) center center no-repeat; background-size: cover; margin-top: 22px; } div.subscriber-is-auth a.flash:hover { background: url(/pic/shop/button_s.jpg) center center no-repeat; background-size: cover; } /*************** FRAME LIGHT **************/ div.frame-light-head { position: absolute; top: 150px; width: 100%; height: 42px; z-index: 10; background: url(/pic/front/top_panel_small.png) center top no-repeat; } div.frame-light-head::before { position: absolute; top: 7px; left: -47px; content: ' '; width: 47px; height: 214px; background: url(/pic/front/left_panel_small.png) left top no-repeat; } div.frame-light-head::after { position: absolute; top: 1px; right: -55px; content: ' '; width: 55px; height: 214px; background: url(/pic/front/right_panel_small.png) left top no-repeat; } div.frame-light-content { width: 430px; /*min-height: 500px;*/ margin: 30px auto -1px auto; position: relative; background-color: rgba(0,0,0,0.5); background: url(/pic/front/back-pattern.jpg) left top; } div.frame-light-content > .light-data { background-image: url(/pic/store/right-back.png); background-position: -190px top; background-repeat: no-repeat; background-size: 165%; /*min-height: 300px;*/ } div.frame-light-content::before { content: ' '; position: absolute; top: 0px; left: -34px; bottom: 0px; z-index: 1; background: url(/pic/front/border/l.png) top left; width: 34px; } div.frame-light-content::after { content: ' '; position: absolute; top: 0px; right: -34px; bottom: 0px; z-index: 1; background: url(/pic/front/border/r.png) top right; width: 34px; } div.frame-light-bottom { position: absolute; width: 430px; height: 34px; left: 0px; bottom: -33px; background-image: url(/pic/front/border/b.png); background-repeat: repeat-x; background-position: left bottom; } div.frame-light-bottom::before { content: ' '; position: absolute; bottom: -1px; left: -34px; width: 34px; height: 34px; background-image: url(/pic/front/border/lb.png); background-repeat: repeat-x; background-position: left bottom; } div.frame-light-bottom::after { content: ' '; position: absolute; bottom: -1px; right: -34px; width: 34px; height: 34px; background-image: url(/pic/front/border/br.png); background-repeat: repeat-x; background-position: left bottom; } /*************** MAIN FRAME CONTENT **************/ div.frame-border { position: relative; width: 998px; margin: 15px auto 0px auto; background-image: url(/pic/front/border/period-left.png), url(/pic/front/border/period-right.png), url(/pic/front/border/l.png), url(/pic/front/border/r.png); background-repeat: repeat-y, repeat-y, repeat-y, repeat-y; background-position: left 40px, right 40px, left top, right top; } div.frame-border-b { position: absolute; height: 34px; left: 34px; right: 34px; bottom: -10px; background-image: url(/pic/front/border/b.png); background-repeat: repeat-x; background-position: left bottom; } div.frame-border-lb { position: absolute; width: 34px; height: 34px; left: 0px; bottom: -11px; background-image: url(/pic/front/border/lb.png); background-repeat: no-repeat; background-position: left bottom; } div.frame-border-br { position: absolute; width: 34px; height: 34px; right: 0px; bottom: -11px; background-image: url(/pic/front/border/br.png); background-repeat: no-repeat; background-position: right bottom; } div.frame-border > div.frame { min-height: 500px; padding-top: 100px; margin: 0px 32px 0px 32px; background: url(/pic/front/back-pattern.jpg) left top repeat; color: #ffffff; } div.frame > div.left, div.frame > div.right { float: left; min-height: 120px; } div.frame.main > div.left { width: 680px; position: relative; } div.frame.main > div.right { width: 240px; padding-top: 30px; margin-left: 8px; } div.frame.main > div.right > ul.important { width: 240px; } div.frame.main > div.right > ul.important li+li { margin-top: -2px; } div.frame.main > div.right > ul.important li a { display: block; width: 230px; margin-left: 5px; } div.frame.main > div.right > ul.important li a span.title { font-size: 15px; color: #f2d38a; display: block; margin: 6px 0px 5px 0px; text-shadow: 0px 0px 5px rgba(240, 210, 140, 1); } div.frame.main > div.right > ul.important li a span.img { display: block; height: 100px; background: url(/pic/main/temp/imp-news.jpg) center center no-repeat; margin-bottom: 6px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } div.frame.main > div.right > ul.important li.client a span.img { background: url(/pic/main/imp-link/client.jpg) center center no-repeat; } div.frame.main > div.right > ul.important li.rating a span.img { background: url(/pic/main/imp-link/rating.jpg) center center no-repeat; } div.frame.main > div.right > ul.important li.shop a span.img { background: url(/pic/main/imp-link/shop.jpg) center center no-repeat; } div.frame.main > div.right > ul.important li.support a span.img { background: url(/pic/main/imp-link/support.jpg) center center no-repeat; } div.frame.main > div.right > ul.important li:hover a span.img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } div.frame.main > div.right > ul.important li div.sep { width: 100%; border-top: 1px solid #0b0f12; border-bottom: 1px solid #26353a; } /* LAST FROM FORUM */ div.frame.main > div.right > div.forum { width: 240px; min-height: 200px; margin: 20px 0px 20px 0px; padding-bottom: 175px; background-image: url(/pic/main/flag/flag_top.png), url(/pic/main/flag/flag_bot.png); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; } div.frame.main > div.right > div.forum p.name { text-transform: uppercase; font-size: 15px; text-align: center; color: #f2d38a; text-shadow: 0px 0px 5px rgba(240, 210, 140, 1); padding: 55px 10px 0px 10px; } div.frame.main > div.right > div.forum ul { list-style: none; min-height: 100px; width: 240px; padding-top: 10px; background: url(/pic/main/flag/flag_middle.png) center center repeat-y; } div.frame.main > div.right > div.forum ul li { display: block; width: 200px; padding: 10px 20px; } div.frame.main > div.right > div.forum ul li:hover span.title { text-shadow: 0px 0px 5px rgba(240, 228, 212, 1); } div.frame.main > div.right > div.forum ul li span { display: block; } div.frame.main > div.right > div.forum ul li span.title { color: #f0e4d4; font-size: 13px; text-shadow: 0px 0px 5px rgba(240, 228, 212, 0); } div.frame.main > div.right > div.forum ul li span.category { color: #664848; font-size: 11px; } div.frame.main > div.right > div.forum ul li span.date { color: #664848; font-size: 10px; padding-bottom: 1px; } /* CRUMBS */ div.crumb { position: absolute; top: 4px; left: 0px; height: 28px; z-index: 10; } div.crumb ul { list-style: none; padding-right: 40px; } div.crumb ul li { display: inline-block; line-height: 20px; padding: 4px 10px; position: relative; } div.crumb ul li+li::before { content: '•'; font-size: 12px; color: #8b8c87; } div.crumb ul li+li { padding-left: 0px !important } div.crumb ul li+li a { margin-left: 7px; } div.crumb ul li a, div.crumb ul li span { font-size: 12px; color: #8b8c87; } /* ANONS */ div.anons { width: 675px; height: 290px; margin-top: 30px; } div.anons > div.slider { position: relative; width: 675px; height: 290px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; overflow: hidden; border: 1px solid #282d30; } div.anons > div.slider > div.slide { position: relative; width: 675px; height: 290px; background: url(/pic/main/news/img_news_1.jpg) center center no-repeat; -webkit-box-shadow: inset 0px 0px 8px 6px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 8px 6px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 8px 6px rgba(0,0,0,0.75); } div.anons > div.slider > div.slide h1, div.anons > div.slider > div.slide a { position: absolute; left: 30px; bottom: 30px; font-size: 30px; color: #f1e6b9; text-shadow: 1px 1px 7px rgba(0,0,0,1); } div.anons > div.slider > div.slide-but { position: absolute; z-index: 10; bottom: 20px; right: 20px; } div.anons > div.slider > div.slide-but a { display: inline-block; width: 6px; height: 6px; border: 1px solid rgba(241, 230, 185, 0.5); float: right; margin-left: 3px; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; } div.anons > div.slider > div.slide-but a.active, div.anons > div.slider > div.slide-but a:hover { background-color: rgba(241, 230, 185, 0.5); } /* NEWS */ div.main-news { } div.main-news > div.sep { margin-top: 1px; margin-left: 16px; margin-right: 16px; margin-bottom: 4px; border-top: 1px solid #0b0f12; border-bottom: 1px solid #26353a; } div.main-news > ul.menu { list-style: none; margin-top: 8px; } div.main-news > ul.menu li { display: inline-block; height: 28px; margin-left: 8px; margin-right: 8px; } div.main-news > ul.menu li a { display: block; color: #f1e6b9; text-shadow: 0px 0px 5px rgba(240, 228, 212, 1); line-height: 28px; } div.main-news > ul.menu li a:hover { text-shadow: 0px 0px 10px rgba(255, 248, 239, 1); } div.main-news > ul.menu li.allnews { margin-left: 16px; } div.main-news > ul.menu li.rss { float: right; margin-right: 16px; padding-right: 24px; background: url(/pic/main/news/rss.png) right 4px no-repeat; } div.main-news > div.item { height: 135px; background: url(/pic/main/news/news-item.png) -2px top no-repeat; margin-bottom: 5px; padding: 10px; position: relative; } div.main-news > div.item > div.img { position: absolute; top: 11px; left: 14px; width: 210px; height: 130px; background: url(/pic/main/news/temp-news.jpg) center center no-repeat; background-size: cover; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #100901; } div.main-news > div.item > div.img > a { display: block; height: 130px; } div.main-news > div.item > a, div.main-news > div.item > p { padding-left: 230px; } div.main-news > div.item > a { padding-right: 130px; display: block; color: #252324; font-size: 16px; text-shadow: 0px 0px 1px rgba(37,35,36,1); font-weight: bold; } div.main-news > div.item > a:hover { color: #000000; } div.main-news > div.item > p { font-size: 13px; } div.main-news > div.item > span.comment, div.main-news > div.item > span.date { position: absolute; } div.main-news > div.item > span.comment { top: 15px; right: 86px; font-size: 11px; font-weight: bold; color: #5b4c37; padding-left: 16px; background: url(/pic/main/news/comment_normal.png) left top no-repeat; background-position: left 2px; } div.main-news > div.item > span.date { top: 15px; right: 22px; font-size: 11px; font-weight: bold; color: #5b4c37; } /*************** ANIMATION & RADIUS & SHADOW ****************/ .trans { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .ftrans { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .r5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fs { -webkit-box-shadow: inset 0px 0px 24px 0px rgba(11,15,18,1); -moz-box-shadow: inset 0px 0px 24px 0px rgba(11,15,18,1); box-shadow: inset 0px 0px 24px 0px rgba(11,15,18,1); } /*************** CLEAN ****************/ div.clean { height: 1px; clear: both; } div.clean-frame { height: 30px; clear: both; } input#redactor_file { font-size: 12px; } input#redactor_file_link { width: 99%; font-size: 16px; padding: 4px; border: 1px solid #E7E7E7; color: #888C96; } footer { position: relative; margin-top: -100px; height: 100px; width: 100%; } div#cnt { width: 100%; margin: 0 auto; min-height: 400px; padding-bottom: 100px; } div#content.inn { padding-top: 220px !important; } div#content.bg-lines { background-image: url('../i/line-left.png'), url('../i/line-right.png'); background-position: left 200px, right 200px; background-repeat: no-repeat; } div.content-center { width: 900px !important; margin: 0 auto; min-height: 400px; } header > .data { position: relative; width: 930px; margin: 0 auto; height: 155px; } div.logo { text-align: center; } img.logo { /* margin-top: 28px; width: 210px; */ margin-left: 230px; margin-top: 10px; width: 480px; } header div.menu { width: 100%; height: 38px; background: #335356; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNTM1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODBjMTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #335356 0%, #080c16 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#335356), color-stop(100%,#080c16)); background: -webkit-linear-gradient(top, #335356 0%,#080c16 100%); background: -o-linear-gradient(top, #335356 0%,#080c16 100%); background: -ms-linear-gradient(top, #335356 0%,#080c16 100%); background: linear-gradient(to bottom, #335356 0%,#080c16 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335356', endColorstr='#080c16',GradientType=0 ); } header div.menu div.bx > a { display: inline-block; text-align: center; line-height: 38px; padding: 0px 28px; border-right: 1px solid #1A3A36; text-transform: uppercase; color: #D2D9D9; font-stretch: condensed; font-size: 14px; } header div.menu div.bx > a:hover { background-color: rgba(255,255,255,0.2); text-shadow: 0px -1px 0px black; -o-text-shadow: 0px -1px 0px black; -moz-text-shadow: 0px -1px 0px black; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } header div.menu div.bx > a.active { /* background: #c60000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c60000 0%, #840000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c60000), color-stop(100%,#840000)); background: -webkit-linear-gradient(top, #c60000 0%,#840000 100%); background: -o-linear-gradient(top, #c60000 0%,#840000 100%); background: -ms-linear-gradient(top, #c60000 0%,#840000 100%); background: linear-gradient(to bottom, #c60000 0%,#840000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60000', endColorstr='#840000',GradientType=0 ); */ background: #c60000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzg0MDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg0MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(198,0,0,1) 0%, rgba(132,0,0,0.6) 65%, rgba(132,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,0,0,1)), color-stop(65%,rgba(132,0,0,0.6)), color-stop(100%,rgba(132,0,0,1))); background: -webkit-linear-gradient(top, rgba(198,0,0,1) 0%,rgba(132,0,0,0.6) 65%,rgba(132,0,0,1) 100%); background: -o-linear-gradient(top, rgba(198,0,0,1) 0%,rgba(132,0,0,0.6) 65%,rgba(132,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(198,0,0,1) 0%,rgba(132,0,0,0.6) 65%,rgba(132,0,0,1) 100%); background: linear-gradient(to bottom, rgba(198,0,0,1) 0%,rgba(132,0,0,0.6) 65%,rgba(132,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60000', endColorstr='#840000',GradientType=0 ); text-shadow: 0px -1px 0px black; -o-text-shadow: 0px -1px 0px black; -moz-text-shadow: 0px -1px 0px black; } header div.menu div.bx > a:first-child { border-left: 1px solid #1A3A36; } /************ USER MINI BOX ***********/ header > div.sign, header > div.user { display: block; position: absolute; width: 171px; height: 184px; background-image: url('../i/play-head.png'); background-position: center center; background-repeat: no-repeat; top: 0px; left: 50%; margin-left: 300px; } header > div.sign > a { position: relative; width: 90px; top: 60px; left: 55px; text-align: center; font-size: 18px; color: #D2D9D9; padding-botton: 2px; border-bottom: 1px dashed #D2D9D9; font-stretch: condensed; } header div.user { width: 171px; height: 184px; } header div.user > a.init-play { display: block; position: absolute; width: 123px; height: 71px; background-image: url(/i/b-play.png); background-position: center; background-repeat: no-repeat; bottom: 24px; left: 24px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } header div.user > a.init-play:hover { background-image: url(/i/b-play-active.png); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } header div.user div.avatar { position: relative; text-align: center; } header div.user div.avatar > a.close { position: absolute; display: block; width: 17px; height: 17px; top: 11px; right: 53px; background-image: url(/i/user-close.png); background-position: center; background-repeat: no-repeat; } header div.user-hidden div.avatar img, header div.user div.avatar img { width: 60px; height: 60px; margin-top: 6px; } div.avatar img { overflow: hidden; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; } header div.avatar img { border: 3px solid rgba(250,110,110,0.0); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } header div.avatar img:hover { border: 3px solid rgba(250,110,110,0.8); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } header div.user > div.data { width: 120px; margin-top: 1px; margin-left: 25px; } header div.user > div.data span { display: block; text-align: center; font-size: 11px; font-weight: bold; font-stretch: condensed; } /********************************************/ h1 { font-size: 18px; font-weight: normal; } h1.main, div#block > div.in > h1 { padding-top: 30px; padding-right: 40px; padding-left: 40px; } p { font-size: 14px; } p.main, div#block > div.in > p { padding-top: 10px; padding-left: 40px; padding-right: 40px; } a.img { position: absolute; z-index: 5; top: 210px; left: 15px; cursor: pointer; } img.lbc { display: none; } div.bx { width: 900px; margin: 0 auto; } img.icon { position: absolute; z-index: 10; top: 360px; } div#block:nth-child(1) > div.in:nth-child(1) img.icon { left: 0px; } div#block:nth-child(1) > div.in:nth-child(2) img.icon { right: 0px; } div#block:nth-child(3) > div.in:nth-child(1) img.icon { right: 0px; } div#block:nth-child(3) > div.in:nth-child(2) img.icon { left: 0px; } div#content div#block { position: relative; width: 930px; min-height: 500px; clear: both; } div#content div#block > div.in { position: relative; width: 440px; min-height: 500px; float: left; background-position: center top; background-repeat: no-repeat; } div#content div#block:nth-child(1), div#content div#block:nth-child(3) { width: 930px; margin: 0 auto; } div#content div#block:nth-child(3) { min-height: 560px; } div#content div#block:nth-child(2) { width: 1120px; height: 540px; margin: 15px auto 2px auto; } div#content div#block:nth-child(4) { width: 1120px; height: 500px; margin: 5px auto 2px auto; } div#content div#block:nth-child(4) { margin-top: -30px !important; } div#content div#block:nth-child(2) img, div#content div#block:nth-child(4) img.person-3 { position: absolute; } div#content div#block:nth-child(2) img.back { top: 60px; left: 185px; } div#content div#block:nth-child(2) img.person-1 { top: 0px; right: 745px; } div#content div#block:nth-child(2) img.person-2 { top: 0px; left: 845px; } div#content div#block:nth-child(4) img.person-3 { top: 0px; left: 0px; } div#content div#block:nth-child(2) h1, div#content div#block:nth-child(2) p { z-index: 20; position: absolute; width: 390px; } div#content div#block:nth-child(2) h1 { top: 80px; left: 350px; } div#content div#block:nth-child(2) p.txt1 { top: 145px; left: 390px; } div#content div#block:nth-child(2) p.txt2 { top: 250px; left: 430px; } div#content div#block:nth-child(4) h1 { position: absolute; top: 50px; left: 250px; } div#content div#block:nth-child(4) p { position: absolute; top: 115px; left: 250px; width: 220px; } div#content div#block:nth-child(1) > div.in:nth-child(1) { background-image: url('../i/block-back-1-n.png'); } div#content div#block:nth-child(1) > div.in:nth-child(2) { margin-left: 50px; background-image: url('../i/block-back-2.png'); } div#content div#block:nth-child(3) > div.in:nth-child(1) { background-image: url('../i/block-back-4.png'); } div#content div#block:nth-child(3) > div.in:nth-child(2) { margin-left: 50px; background-image: url('../i/block-back-5.png'); } div#content div#block:nth-child(4) { background-image: url('../i/block-back-6.png'); background-position: 130px 50px; background-repeat: no-repeat; } div#media { position: absolute; width: 470px; height: 330px; top: 70px; right: 116px; background-image: url(../i/img-5.png); } div#reg { width: 930px; height: 160px; margin: 0 auto; position: relative; margin-bottom: 15px; } div#reg > a.play { position: absolute; top: 20px; left: 100px; background-image: url('../i/play-footer.png'); background-repeat: no-repeat; display: block; width: 296px; padding-top: 32px; padding-bottom: 32px; min-height: 90px; font-size: 25px; text-align: center; color: #ffffff; font-weight: bold; } img.txt-kubic, img.img-kubic { position: absolute; } img.txt-kubic { left: 500px; top: 15px; } img.img-kubic { left: 690px; top: 0px; } footer div.fbox { width: 930px; height: 100px; margin: 0 auto; position: relative; /*top: 180px;*/ } footer img.cigame, footer p.copy, footer a.offer { position: absolute; color: #ffffff; } footer .fbox img.cigame { top: 40px; left: 20px; } footer p.copy { top: 55px; right: 20px; font-size: 11px; } footer a.offer { top: 54px; right: 180px; color: #ffffff; border-bottom: 1px dashed #ffffff; } .fbox .pluso { position: absolute !important; top: 50px !important; left: 160px !important; } div.overplay { position: fixed; top: 0px; left: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.8; filter: alpha(opacity=80); background-color: #000000; z-index: 40; } .slogan { text-shadow: 1px 1px 1px black; -o-text-shadow: 1px 1px 1px black; -moz-text-shadow: 1px 1px 1px black; } .sdw { width: 248px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; line-height: 36px; font-size: 16px !important; text-shadow: inset 1px 1px 2px black; -o-text-shadow: inset 1px 1px 2px black; -moz-text-shadow: inset 1px 1px 2px black; margin-left: 50px; font-weight: bold; text-decoration: none !important; } /******** NOTICE **********/ #notice.fly { position: absolute; top: 15px; left: 50%; width: 800px; margin-left: -400px; z-index: 999; opacity: 0.9; } #notice.fly > .each.false { background-color: #700000; } #notice.fly > .each.true { background-color: #166000; } #notice.fly > .each + .each { margin-top: 1px; } #notice.fly > .each.false > span { color: #FFDDDD !important; } #notice.fly > .each.true > span { color: #EAFFC4 !important; } #notice.fly > .each:nth-child(1) { -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; } #notice.fly > .each:last-child { -webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; } #notice.fly .each span { font-size: 15px; color: #ffffff; padding: 5px 12px; display: block; } /********* INNER **********/ div.box { position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 20px 20px 20px 224px; min-height: 320px; background-image: url(/i/inner-bg.jpg); margin-bottom: 40px; } div.plain { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 30px; min-height: 320px; background-image: url(/i/inner-bg.jpg); margin-bottom: 40px; } div.box h1 { padding: 0px 0px 12px 0px !important; color: #121212; border-bottom: 1px dashed #C4C4C4; margin-bottom: 22px; margin-left: 26px; font-size: 22px; } div.plain h1 { padding: 0px 0px 8px 0px !important; color: #121212; border-bottom: 1px dashed #C4C4C4; font-size: 22px; margin-bottom: 18px; } div.plain h3 { font-size: 15px; color: #121212; margin-top: 14px; margin-bottom: 6px; } div.plain p { color: #121212; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 6px; } div.inner-bg { background-image: url(/i/inner-bg.jpg); } ul.inner-menu { position: relative; width: 170px; display: block; list-style: none; float: left; margin-top: 80px; margin-left: 20px; border: 1px solid #fff; background-color: rgba(255,255,255,0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); padding: 12px; z-index: 5; } ul.inner-menu li { list-style: none; width: 170px; border-bottom: 1px solid #D3D3D3; } ul.inner-menu li:nth-child(1) { border-top: 1px solid #D3D3D3; } ul.inner-menu li a { font-size: 14px; line-height: 32px; display: block; padding: 4px 8px; cursor: pointer; color: #121212 !important; } ul.inner-menu li a.active { color: #999999 !important; font-weight: bold !important; background-color: rgba(255,255,255,0.4) !important; background-image: url(/i/arrow-right.png); background-position: 158px 16px; background-repeat: no-repeat; } ul.inner-menu li a.down { font-weight: bold !important; } ul.inner-menu li a:hover { background-color: rgba(255,255,255,0.3); color: #999999 !important; -webkit-transition: color 1s; -moz-transition: color 1s; -o-transition: color 1s; transition: color 1s; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; transition: background-color 1s; } /*************************************/ div#fly-fail, div#fly-result { position: absolute; top: 50%; left: 50%; margin-left: -60px; margin-top: -75px; z-index: 99; width: 320px; height: 140px; background-color: rgba(210, 210, 210, 0.9); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #ffffff; padding: 10px; box-shadow: 0px 0px 6px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5); } div#fly-fail > div.img, div#fly-result > div.img { width: 140px; height: 140px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: url(/i/shop/pay.png); background-size: cover; float: left; position: relative; z-index: 100; } div#fly-fail > span.desc, div#fly-result > span.desc { display: block; padding-left: 160px; padding-right: 20px; padding-top: 30px; color: #121212; font-size: 15px; text-align: center; } div#fly-fail > span.close, div#fly-result > span.close { background-image: url("/i/minus.png"); background-size: cover; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; cursor: pointer; display: block; height: 16px; position: absolute; right: 8px; top: 8px; width: 16px; } /*************************************/ div.center { text-align: center; } div#wrap.maintenance { background-attachment: fixed; background-color: #000000; background-image: url(/i/maintenance.jpg); background-position: center center; background-size: cover; } div#wrap.maintenance h1, div#wrap.maintenance form, div#wrap.maintenance img { position: absolute; } div#wrap.maintenance img.logo { left: 50%; margin-left: -300px; margin-top: -140px; top: 40%; width: 600px; } div#wrap.maintenance h1 { color: #fff; font-size: 26px; left: 50%; margin-left: -357px; margin-top: 50px; padding: 0 !important; text-align: center; top: 50%; width: 700px; text-shadow: 0px 0px 8px rgba(0,0,0,1); -moz-text-shadow: 0px 0px 8px rgba(0,0,0,1); -webkit-text-shadow: 0px 0px 8px rgba(0,0,0,1); } div#wrap.maintenance form { bottom: 20px; right: 20px; } div#wrap.maintenance form div.field { -webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; border-radius: 7px !important; border-color: #CCCA64 !important; } div#wrap.maintenance form div.field input { -webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; border-radius: 7px !important; } /************ maintenance **************/ a.go-maintenance { display: block; position: absolute; text-align: center; top: 0px; right: 30px; width: 171px; height: 184px; background-image: url('../i/play-head.png'); background-position: center center; background-repeat: no-repeat; } a.go-maintenance > span { position: relative; color: #ececec; font-size: 17px; border-bottom: 1px dashed #ececec; top: 60px; } /************ REWRITE ************/ .ui-tooltip { border: 1px solid #9b8f81 !important; } .ui-tooltip > div.ui-tooltip-content { font-size: 13px; color: #9b8f81; } /************ LIGHT VIDEO ***********/ /************* BUTTONS *************/ a.bb { font-size: 16px; line-height: 36px; padding-left: 17px; padding-right: 17px; color: #f1e5d5; -moz-text-shadow: 0 0 5px rgba(240,230,212,0.6); -webkit-text-shadow: 0 0 5px rgba(240,230,212,0.6); text-shadow: 0 0 5px rgba(240,230,212,0.6); background-image: url(/img/button/button_big_n_001.jpg), url(/img/button/button_big_n_003.jpg), url(/img/button/button_big_n_002.jpg); background-position: top left, top right, top center; background-repeat: no-repeat, no-repeat, repeat-x; } a.bb:hover { background-image: url(/img/button/button_big_s_001.jpg), url(/img/button/button_big_s_003.jpg), url(/img/button/button_big_s_002.jpg); background-position: top left, top right, top center; background-repeat: no-repeat, no-repeat, repeat-x; } a.bl { display: inline-block; font-size: 12px; line-height: 25px; padding-left: 14px; padding-right: 14px; color: #f1e5d5; -moz-text-shadow: 0 0 5px rgba(240,230,212,0.6); -webkit-text-shadow: 0 0 5px rgba(240,230,212,0.6); text-shadow: 0 0 5px rgba(240,230,212,0.6); background-image: url(/img/button/button_s_n_001.jpg), url(/img/button/button_s_n_003.jpg), url(/img/button/button_s_n_002.jpg); background-position: top left, top right, top center; background-repeat: no-repeat, no-repeat, repeat-x; } a.bl:hover { background-image: url(/img/button/button_s_s_001.jpg), url(/img/button/button_s_s_003.jpg), url(/img/button/button_s_s_002.jpg); background-position: top left, top right, top center; background-repeat: no-repeat, no-repeat, repeat-x; }