@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
i,b,u,s{ font-style: normal; font-weight: normal; text-decoration: none; }
/*common*/
.fl{ float: left; }
.fr{ float: right; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.normal-link{ text-decoration: none}
.normal-link:hover{ text-decoration: underline; }
.ico-link{ text-indent: -999em; text-decoration: none}
.ico-link:hover{ text-decoration: none}
/*main*/
html,body{ height: 100%}
body{ font-size: 14px; color: #fceea0; background: #121212 url(../images/bg.jpg) top center no-repeat; font-family: Verdana, sans-serif; }
.container{ background: url(../images/main.jpg) no-repeat; width: 1000px; height: 1500px; margin: 0 auto; position: relative; }
.header{ position: relative; width: 100%; height: 600px; }
.content{ position: relative; width: 100%; padding-bottom: 90px; }
.side{ float: left; position: relative; width: 249px; }
.main{ position: relative; float: right; width: 738px; padding: 5px 0; background: url(../images/top.png) top no-repeat; }
.logo{ position: absolute; left: 427px; top: 10px; display: block; width: 225px; height: 158px; background: url(../images/logo.png) no-repeat; }
.top-link{ position: absolute; right: 0; top: 0; width: 168px; height: 31px; line-height: 31px; background: url(../images/top-link.png) no-repeat; color:#e89209; text-align: center; }
.top-link a{ color:#e89209;text-decoration:none; }
.top-link a:hover{ color:#fded64; }
.tabs{ padding: 4px 0 0 7px; position: absolute; top: 0; left: 0; height: 608px; width: 249px; background: url(../images/nav-bg.jpg) no-repeat; }
.tabs a{ display: block; width: 100%; height: 51px; text-decoration: none; }
.tabs a{ background: none; }
.tabs .ico-link:hover,.tabs .on{ margin: 0 auto; width: 190px; background-image: url(../images/nav-hover.png); }
.tabs .nav1:hover , .tabs .on.nav1{ background-position: 0 -3px; }
.tabs .nav2:hover , .tabs .on.nav2{ background-position: 0 -55px; }
.tabs .nav3:hover , .tabs .on.nav3{ background-position: 0 -107px; }
.tabs .nav4:hover , .tabs .on.nav4{ background-position: 0 -156px; }
.tabs .nav5:hover , .tabs .on.nav5{ background-position: 0 -206px; }
.tabs .nav6:hover , .tabs .on.nav6{ background-position: 0 -259px; }
.tabs .nav7:hover , .tabs .on.nav7{ background-position: 0 -310px; }
.tabs .nav8:hover , .tabs .on.nav8{ background-position: 0 -360px; }
.tabs .nav9:hover , .tabs .on.nav9{ background-position: 0 -411px; }
.tabs .nav10:hover , .tabs .on.nav10{ background-position: 0 -462px; }
.tabs .nav11:hover , .tabs .on.nav11{ background-position: 0 -513px; }
.art{ background: url(../images/repeat.png) repeat-y; overflow: visible; padding: 24px 40px 60px; line-height: 2em; width: 658px; display: none; }
.max img{ width: 610px; }
.bottom{ background: url(../images/bottom.png) no-repeat; height: 5px; width: 100%; position: absolute; bottom: 0px; left: 0; }
.start { position: absolute; left: -5px; top: 449px; display: block; width: 259px; height: 152px; background: url(../images/start.png) no-repeat; }
.start span,
.start span:after { display: block; width: 150px; height: 54px; margin: 0 auto; background: url(../images/start-text.png) no-repeat; content: ""; cursor: pointer; position: absolute; top: 50%; left: 50%; margin-left: -75px}
.start span{ margin-top: -15px; }
.start span:after { margin-top: -27px; }
.start:hover span { animation: linear icoBig 1.6s infinite; -webkit-animation: linear icoBig 1.6s infinite}
.start:hover span:after { opacity: .6; animation: linear icoBig2 1.6s infinite; -webkit-animation: linear icoBig2 1.6s infinite}
@-webkit-keyframes icoBig {
    0% { -webkit-transform: scale(1); transform: scale(1)}
    20% { -webkit-transform: scale(1.05); transform: scale(1.05)}
    30% { -webkit-transform: scale(.93); transform: scale(.93)}
    45% { -webkit-transform: scale(1.04); transform: scale(1.04)}
    60% { -webkit-transform: scale(1); transform: scale(1)}
}
@keyframes icoBig {
    0% { transform: scale(1)}
    20% { transform: scale(1.05)}
    30% { transform: scale(.93)}
    45% { transform: scale(1.04)}
    60% { transform: scale(1)}
}
@-webkit-keyframes icoBig2 {
    0% { -webkit-transform: scale(1); transform: scale(1)}
    20% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0}
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0}
}
@keyframes icoBig2 {
    0% { transform: scale(1)}
    20% { transform: scale(1.3); opacity: 0}
    100% { transform: scale(1); opacity: 0}
}
.game{ position: absolute; width: 183px; height: 100px; left: 50px; top: 390px; }
.down{ position: absolute; width: 232px; height: 68px; left: 400px; top: 410px; }
.web{ position: absolute; width: 114px; height: 28px; right: 124px; top: 0; }
.pay{ position: absolute; width: 114px; height: 28px; right: 20px; top: 0; }
#back{ position: fixed; width: 41px; height: 131px; right: 40px; bottom: 60px; background: url(../images/back.png) no-repeat; display: none; _position: absolute; _right: 0; _bottom: expression(eval(document.documentElement.scrollTop+document.clientHeight-60)); }