html { min-width: 1350px; margin:0px auto;}
body { display: none; font: 12px/2.5em; background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
p { margin: 0px;}
ul, li { list-style: none; padding: 0; margin: 0; }
a { font-family:'Seymour One', sans-serif; display: block; font-size: 9px; color: #e4ae33; padding: 10px; text-decoration: none; outline: none; font-weight: bold; transition: .6s; -webkit-transition: .6s;}
a:hover { text-decoration: none; color: #FFFFFF; transition: .6s; -webkit-transition: .6s;}
a:active { text-decoration: none; color: #FFFFFF;}
a.link1 { color: white; padding: 0px;}
a.link2 { display:inline; font-size: 60px; color: white; font-family: 'PT Sans Narrow', sans-serif; padding:0px; }
a.linkimg { display:inline; padding:0px; color:#e4ae33; }
a.linkimg:hover { color:#000000; }
a.linkimg2 { padding: 0px; display:inline; }
a.link3 { display:inline; font-size:38px; font-weight:normal; font-family: 'Open Sans Condensed', sans-serif; padding: 0px;}
a.link4 { font-family: 'Open Sans Condensed', sans-serif; position: relative; display:inline; font-size:20px; font-weight:normal; margin-left: 20px; padding: 0px;}
a.link4:hover { text-decoration: none; color: #000000; }
a.link4:active { text-decoration: none; color: #000000; }
a.link5 { font-family: 'PT Sans Narrow', sans-serif; color:#000000; position: relative; display:inline; font-size:30px; font-weight:normal; padding: 0px;}
a.link5:hover { text-decoration: none; color: #000000;}
a.link6 { display:inline; font-size: 30px; color:#e4ae33; font-family: 'PT Sans Narrow', sans-serif; padding:2; transition: .8s; -webkit-transition: .8s;}
a.link6:hover { display:inline; font-size: 40px; color: #FFFFFF; font-family: 'PT Sans Narrow', sans-serif; padding:2; transition: .8s; -webkit-transition: .8s;}
a.link7 { font-size:11px; display: inline; color: #999999; font-family: 'Comfortaa', cursive; font-weight: normal; text-decoration: underline; padding:0; transition: .8s; -webkit-transition: .8s;}
a.link7:hover { color: #000000; font-weight: normal; text-decoration: none; transition: .8s; -webkit-transition: .8s;}
a.link8 { font-size:16px; display: inline; color: #999999; font-family: 'Seymour One', sans-serif; font-weight: normal; text-decoration: underline; padding:0; transition: .8s; -webkit-transition: .8s;}
a.link8:hover { color: #000000; font-weight: normal; text-decoration: none; transition: .8s; -webkit-transition: .8s;}
a.link9 { font-size:15px; display: inline; color: #FF0000; font-family: 'Seymour One', sans-serif; font-weight: normal; text-decoration: underline; padding:0; transition: .8s; -webkit-transition: .8s;}
a.link9:hover { color: #009900; font-weight: normal; text-decoration: none; transition: .8s; -webkit-transition: .8s;}
a.link10 {font-size:15px; display: inline; color: #000000; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; padding: .3em 2em; display:block; transition: .8s; -webkit-transition: .8s;}
a.link11 { font-size:15px; display: inline; color: #999999; font-family: 'Comfortaa', cursive; font-weight: normal; text-decoration: underline; padding:0; transition: .8s; -webkit-transition: .8s;}
a.link11:hover { color: #000000; font-weight: normal; text-decoration: none; transition: .8s; -webkit-transition: .8s;}
a.link12 { font-size:13px; display: inline; color:#e4ae33; font-family: 'PT Sans Narrow', sans-serif; position:fixed; bottom:10px; left: 10px;font-weight: normal; padding:0; transition: .8s; -webkit-transition: .8s;}
a.link12:hover { color: #FFF; font-weight: normal; text-decoration: none; transition: .8s; -webkit-transition: .8s;}
a.link13 { font-size:13px; display: inline; color: #444444; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; padding:0; transition: .8s; -webkit-transition: .8s;}
a.link13:hover { color: #FFF; font-weight: normal; text-decoration: none; transition: .8s; -webkit-transition: .8s;}
a.link14 { font-family: 'PT Sans Narrow', sans-serif; color:#000000; position: relative; display:inline; font-size:30px; font-weight:normal; padding: 0px;}
a.link14:hover { text-decoration: underline; color: #000000;}
a.link15 {font-size:12px; color: #000000; font-family: 'Comfortaa', cursive; font-weight: normal; text-decoration: none; padding:0px; display:inline;}
a.link15:hover {font-size:13px;}
a.link16 {font-size:13px; color: #000000; font-family: 'Comfortaa', cursive; font-weight: normal; text-decoration: underline; padding:0px; display:inline;}
a.link16:hover { background-color: #FFFF77; text-decoration: none;}
a.link17 { font-size:13px; display: inline; color: #e4ae33; font-family:'Seymour One', sans-serif; font-weight: normal; padding-top:0; padding-bottom:0; padding-left:0; padding-right:33px;}
.style1 { font-family: 'Seymour One', sans-serif; font-size: 9px; color:#e4ae33; font-weight: bold; display: block; padding: 10px; transition: .6s; -webkit-transition: .6s; cursor:default; }
.style1:hover { color:#FFFFFF}
.style2 { font-size:43px; color: #FFFFFF; font-family: 'Open Sans Condensed', sans-serif; position: relative; z-index:3; top:52px; left:10px; }
.style3 { font-size:30px; color:#e4ae33; font-family: 'Open Sans Condensed', sans-serif; position: relative; z-index:3; top:37px; left:15px; }
.style4 { font-size:23px; color:#CC3300; font-family:Arial, Helvetica, sans-serif; position: relative; z-index:3; top:65px; left:15px; }
.style5 { font-size:16px; color:#CC3300; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; z-index:5;}
.style6 { font-size:13px; color: #000000; font-family: 'Comfortaa', cursive; font-weight: normal; text-decoration: none;}
.style7 { font-size:12px; color: #000000; font-family: 'Comfortaa', cursive; font-weight: normal; text-decoration: none;}
.style8 { font-size:30px; color:#e4ae33; font-family: 'Comfortaa', cursive;}
.style9 { font-size:16px; color:#009900; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; z-index:5;}
.style10 { font-size:22px; color:#000000; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; text-decoration: none;}
.style11 { font-size:13px; color:#000000; font-family: 'Comfortaa', cursive; font-weight: normal; text-decoration: none;}
.style12 { font-size:13px; color: #CCCCCC; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; padding:0;}
.style13 { font-size:27px; color:#000000; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; text-decoration: none;}
.style14 { font-size:35px; color:#000000; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; text-decoration: none;}
.style15 { font-size:16px; color:#000000; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; text-decoration: none;}
.style16 { font-family: 'Seymour One', sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
.style20 { font-size:30px; color:#000; font-family: 'Open Sans Condensed', sans-serif;}
p.style6 { text-indent:25px; }
p.style7 { margin-left:25px; }
p.style10 { margin-left:7px;}
p.style11 { margin-left:7px;}
p.style15 { margin-left:7px;}
a.knopka {font-family: 'Open Sans Condensed', sans-serif; position: relative;
display: inline-block;
font-size: 18px;
font-weight: bold;
color: #000000;
text-decoration: none;
padding: .6em 2em;
border-radius: 7px;
background: #e4ae33;
box-shadow:
inset 0 0 3px 1px rgba(0,0,0,.8),
inset rgba(255,255,255,.5)-3px -3px 6px 3px,
inset rgba(0,0,0,.3)3px 3px 6px 3px,
1px 1px 1px rgba(255,255,255,.1),
-2px -2px 5px rgba(0,0,0,.5);
transition: .8s; -webkit-transition: .8s;
}
a.knopka:hover {
color: rgba(255,255,255,.9);
background: #b57e07; transition: .8s; -webkit-transition: .8s;}
a.knopka:active { background: #e4ae33;
}
.knopka1 a { font-size:15px; display: inline; color: #FF0000; font-family: 'Seymour One', sans-serif; font-weight: normal; text-decoration: underline; padding:0; transition: .8s; -webkit-transition: .8s;}
.knopka1 a span {font-size:12px; display: inline; color: #999999; font-family: 'Comfortaa', cursive; font-weight: normal; text-decoration: underline; transition: .8s; -webkit-transition: .8s;}
.knopka1 a img { display:inline; color:#e4ae33; transition: .8s; -webkit-transition: .8s; }
.knopka1:hover a {color: #009900; font-weight: normal; text-decoration: none; transition: .8s; -webkit-transition: .8s;}
.knopka1:hover a span {color: #000000; font-weight: normal; text-decoration: none; transition: .8s; -webkit-transition: .8s;}
.knopka1:hover a img { border: 4px double gray; transition: .8s; -webkit-transition: .8s;}
a.knopka9 { background-color: rgba(255,255,255,.3); background-size:300px; background-position:center; background-repeat:no-repeat; width:280px; height:180px; font-size:25px; border-radius: 10px; transition: .8s; -webkit-transition: 1s;}
a.knopka9:hover {background-color: rgba(0,0,0,0); transition: .8s; -webkit-transition: 1s;}
#knopka9title { display:inline; background-color: rgba(255,255,255,.7); padding:0px 20px 0px 20px; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titles { display:inline; background-color: rgba(255,255,255,.7); padding:0px 20px 0px 20px; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titlel { display:inline; background-color: rgba(255,255,255,.7); padding:0px 20px 0px 20px; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titleth { display:inline; background-color: rgba(255,255,255,.7); padding:0px 20px 0px 20px; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titlesh { display:inline; background-color: rgba(255,255,255,.7); padding:0px 20px 0px 20px; font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titlem { display:inline; background-color: rgba(255,255,255,.7); padding:0px 10px 0px 10px; font-family: 'PT Sans Narrow', sans-serif; font-size:24px; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titlen { display:inline; background-color: rgba(255,255,255,.7); padding:0px 10px 0px 10px; font-family: 'PT Sans Narrow', sans-serif; font-size:24px; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titleb { display:inline; background-color: rgba(255,255,255,.7); padding:0px 10px 0px 10px; font-family: 'PT Sans Narrow', sans-serif; font-size:24px; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titlew { display:inline; background-color: rgba(255,255,255,.7); padding:0px 10px 0px 10px; font-family: 'PT Sans Narrow', sans-serif; font-size:24px; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titler { display:inline; background-color: rgba(255,255,255,.7); padding:0px 10px 0px 10px; font-family: 'PT Sans Narrow', sans-serif; font-size:24px; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titleev { display:inline; background-color: rgba(255,255,255,.7); padding:0px 10px 0px 10px; font-family: 'PT Sans Narrow', sans-serif; font-size:24px; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titlercl { display:inline; background-color: rgba(255,255,255,.7); padding:0px 10px 0px 10px; font-family: 'PT Sans Narrow', sans-serif; font-size:24px; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
#knopka9titleho { display:inline; background-color: rgba(255,255,255,.7); padding:0px 10px 0px 10px; font-family: 'PT Sans Narrow', sans-serif; font-size:24px; font-weight: normal; text-decoration: none; color:rgba(0,0,0,1); border-radius: 30px; box-shadow:0 0 10px 7px rgba(255,255,255,.7);}
h1 {margin:0px; padding:0px; color: #FFFFFF;}
h2 {margin:0px; padding:0px; color: #FFFFFF; opacity:0; cursor:default;}
h3 {margin:0px; padding:0px; font-weight:normal;}
h4 {margin:0px; padding:0px; font-weight:normal;}
h5 {margin:0px; padding:0px; font-weight:normal;}
h6 {margin:0px; padding:0px; font-weight:normal;}
#vmenu ul { margin:0px; padding:0px; list-style:none; width:154px; }
#vmenu ul li { position:relative; }
#vmenu li ul { position:absolute; top:30px; top:30; display:none; }
#vmenu ul li a { display:block; padding:10px; text-decoration:none; }
#vmenu li:hover ul { display:block; z-index: 20; background-color:#000000; }
#vmenu li:hover p.style1 { color:#FFFFFF}
#lend {position: fixed; top:120px; left:25px; z-index:10; cursor:pointer; }
#lend ul { margin:0px; padding:0px; list-style:none; width:154px;}
#lend ul li { position:relative; }
#lend li ul { position:absolute; top:36px; top:36; display:none; }
#lend ul li a { display:block; padding:10px; text-decoration:none; }
#lend li:hover ul { display:block; z-index: 20; background-color:#000000; }
#lend li:hover l { color:#FFFFFF;}
#l { font-size:34px; background-image:url(../img/Leng3.png); background-repeat:no-repeat;}
#timer {position: fixed; bottom:80px; right: 10px; width:150px; text-align:center; background-color:#000000; z-index:10000; border: 4px double; border-color:#e4ae33; padding:10px; border-radius: 15px; transition: .8s; -webkit-transition: .8s;}
#timer:hover {border-color:#ffffff; transition: .8s; -webkit-transition: .8s;}
#study {position: fixed; top:15px; left:15px; width:140px; text-align:center; background-color:#000000; z-index:10000; border: 4px double; border-color:#e4ae33; padding:10px; border-radius: 15px; cursor:pointer; color:#e4ae33; font-family: 'Comfortaa', cursive; font-weight: normal; transition: .8s; -webkit-transition: .8s;}
#study:hover {border-color:#ffffff; color:#ffffff; transition: .8s; -webkit-transition: .8s;}
#online {position: fixed; bottom:120px; left:10px; text-align:left; background-color:#000000; width:130px; z-index:10000; cursor:pointer; color:#e4ae33; font-family: 'Comfortaa', cursive; font-weight: normal; transition: .8s; -webkit-transition: .8s;}
#online p.tit{font-family: 'PT Sans Narrow', sans-serif; color: #666666; font-weight:bold; font-size:16px; transition: .8s; -webkit-transition: .8s;}
#online p.desc{font-family: 'PT Sans Narrow', sans-serif; color:#666666; font-size:12px; transition: .8s; -webkit-transition: .8s;}
#online:hover { color:#ffffff; transition: .8s; -webkit-transition: .8s;}
#online:hover p.tit{color: #FFFFFF; transition: .8s; -webkit-transition: .8s;}
#online:hover p.desc{color: #FFFFFF; transition: .8s; -webkit-transition: .8s;}
.slides {
width:970px;
height:727px;
margin:0;
overflow:hidden;
position:relative;
z-index:2
}
.slides ul {
list-style:none;
position:relative;
margin:0;
}
@-ms-keyframes anim_slides {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
@-webkit-keyframes anim_slides {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
@-moz-keyframes anim_slides {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
.slides ul li {
opacity:0;
position:absolute;
top:0;
margin:0;
-webkit-animation-name: anim_slides;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_slides;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
-ms-animation-name: anim_slides;
-ms-animation-duration: 24.0s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-delay: 0;
-ms-animation-play-state: running;
-ms-animation-fill-mode: forwards;
}
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
-webkit-animation-delay: 6.0s;
-moz-animation-delay: 6.0s;
-ms-animation-delay: 6.0s;
}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {
-webkit-animation-delay: 12.0s;
-moz-animation-delay: 12.0s;
-ms-animation-delay: 12.0s;
}
.slides ul li:nth-child(4), .slides ul li:nth-child(4) div {
-webkit-animation-delay: 18.0s;
-moz-animation-delay: 18.0s;
-ms-animation-delay: 18.0s;
}
.slides ul li img {
display:block;
}
@-webkit-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:5%;
opacity:1;
}
20% {
left:5%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
@-moz-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:5%;
opacity:1;
}
20% {
left:5%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
@-ms-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:5%;
opacity:1;
}
20% {
left:5%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
.slides ul li div {
background: non;
font-family: 'Comfortaa', cursive;
color:#e4ae33;
background-color:#000000;
font-size:18px;
left:0px;
margin:0px;
padding:0px;
position:absolute;
top:90%;
width: 500px;
-webkit-animation-name: anim_titles;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_titles;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
-ms-animation-name: anim_titles;
-ms-animation-duration: 24.0s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-delay: 0;
-ms-animation-play-state: running;
-ms-animation-fill-mode: forwards;
}
.dreams {
width:300px;
height:400px;
margin:0;
overflow:hidden;
position:relative;
z-index:2; background-color:#000000;
}
.dreams ul {
list-style:none;
position:relative;
margin:0;
}
@-ms-keyframes anim_dreams {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
@-webkit-keyframes anim_dreams {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
@-moz-keyframes anim_dreams {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
.dreams ul li {
opacity:0;
position:absolute;
top:0;
margin:0;
-webkit-animation-name: anim_dreams;
-webkit-animation-duration: 36.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_dreams;
-moz-animation-duration: 36.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
-ms-animation-name: anim_dreams;
-ms-animation-duration: 36.0s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-delay: 0;
-ms-animation-play-state: running;
-ms-animation-fill-mode: forwards;
}
.dreams ul li:nth-child(2), .dreams ul li:nth-child(2) div {
-webkit-animation-delay: 6.0s;
-moz-animation-delay: 6.0s;
-ms-animation-delay: 6.0s;
}
.dreams ul li:nth-child(3), .dreams ul li:nth-child(3) div {
-webkit-animation-delay: 12.0s;
-moz-animation-delay: 12.0s;
-ms-animation-delay: 12.0s;
}
.dreams ul li:nth-child(4), .dreams ul li:nth-child(4) div {
-webkit-animation-delay: 18.0s;
-moz-animation-delay: 18.0s;
-ms-animation-delay: 18.0s;
}
.dreams ul li:nth-child(5), .dreams ul li:nth-child(5) div {
-webkit-animation-delay: 24.0s;
-moz-animation-delay: 24.0s;
-ms-animation-delay: 24.0s;
}
.dreams ul li:nth-child(6), .dreams ul li:nth-child(6) div {
-webkit-animation-delay: 30.0s;
-moz-animation-delay: 30.0s;
-ms-animation-delay: 30.0s;
}
.dreams ul li img {
display:block;
}
@-webkit-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:5%;
opacity:1;
}
20% {
left:5%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
@-moz-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:5%;
opacity:1;
}
20% {
left:5%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
@-ms-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:5%;
opacity:1;
}
20% {
left:5%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
.dreams ul li div {
background: non;
font-family: 'Comfortaa', cursive;
color:#e4ae33;
font-size:20px;
left:0px;
margin:0px;
padding:0px;
position:absolute;
top:90%;
width: 500px;
-webkit-animation-name: anim_titles;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_titles;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
-ms-animation-name: anim_titles;
-ms-animation-duration: 24.0s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-delay: 0;
-ms-animation-play-state: running;
-ms-animation-fill-mode: forwards;
}
#toTop {
width:5.4em;
height:5.4em;
background: url(img/vv2.png);
background-repeat:no-repeat;
border: .5em solid rgba(0,0,0,0);
border-radius: 100%;
background-color:#000000;
opacity: .6;
position:fixed;
bottom:40px; /* отступ кнопки от нижнего края страницы*/
left:5px;
cursor:pointer;
display:none;
font-size:11px;
}
#toTop:hover {opacity:1;}
/* --- новая версия превью -- */
#slidea {background:url(images/thumbs/p1.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slideb {background:url(images/thumbs/p2.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidec {background:url(images/thumbs/p3.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slided {background:url(images/thumbs/p4.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidee {background:url(images/thumbs/p5.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidef {background:url(images/thumbs/p6.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidej {background:url(images/thumbs/p7.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slideg {background:url(images/thumbs/p8.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidek {background:url(images/thumbs/p9.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidel {background:url(images/thumbs/p10.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidem {background:url(images/thumbs/p11.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#sliden {background:url(images/thumbs/p12.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slideo {background:url(images/thumbs/p13.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidep {background:url(images/thumbs/p14.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slideq {background:url(images/thumbs/p15.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slider {background:url(images/thumbs/p16.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slids {background:url(images/thumbs/p17.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidet {background:url(images/thumbs/p18.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slideu {background:url(images/thumbs/p19.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidev {background:url(images/thumbs/p20.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidew {background:url(images/thumbs/p21.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidex {background:url(images/thumbs/p22.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidey {background:url(images/thumbs/p23.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slidez {background:url(images/thumbs/p24.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slide1 {background:url(images/thumbs/p25.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slide2 {background:url(images/thumbs/p26.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slide3 {background:url(images/thumbs/p27.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slide4 {background:url(images/thumbs/p28.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slide5 {background:url(images/thumbs/p29.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slide6 {background:url(images/thumbs/p30.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
#slide7 {background:url(images/thumbs/p31.jpg) no-repeat; z-index:7; width:230px; height:145px; border:none;}
/* --- конец новой версии превью -- */
/* --- новая версия большие фото -- */
#slidea_big { left:50%; margin-left:-500px; top:80px; background:url(images/big/pic1.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slideb_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic2.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidec_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic3.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slided_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic4.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidee_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic5.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidef_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic6.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidej_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic7.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slideg_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic8.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidek_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic9.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidel_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic10.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidem_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic11.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#sliden_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic12.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slideo_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic13.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidep_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic14.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slideq_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic15.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slider_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic16.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slids_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic17.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidet_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic18.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slideu_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic19.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidev_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic20.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidew_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic21.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidex_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic22.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidey_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic23.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slidez_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic24.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slide1_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic25.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slide2_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic26.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slide3_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic27.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slide4_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic28.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slide5_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic29.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slide6_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic30.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
#slide7_big {left:50%; margin-left:-500px; top:80px; background:url(images/big/pic31.jpg) no-repeat; position: absolute; z-index:20; height:1500px; width:1000px; background-position:center top; background-color:#000000;}
/* --- конецновой версии больших фото -- */
#next {
font-family: 'Open Sans Condensed', sans-serif; position: absolute;
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #e4ae33;
text-decoration: none;
padding: .2em .6em;
border-radius: 7px;
border: 2px solid #e4ae33;
box-shadow:
inset 0 0 3px 1px rgba(0,0,0,.8),
inset rgba(255,255,255,.5)-3px -3px 6px 3px,
inset rgba(0,0,0,.3)3px 3px 6px 3px,
1px 1px 1px rgba(255,255,255,.1),
-2px -2px 5px rgba(0,0,0,.5);
opacity: .35;
z-index:200; cursor: pointer; }
#next:hover { background-color:#e4ae33;
color:#000000;
opacity:1;}
#exit {
font-family: 'Open Sans Condensed', sans-serif; position: absolute;
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #e4ae33;
text-decoration: none;
padding: .2em .6em;
border-radius: 7px;
border: 2px solid #e4ae33;
box-shadow:
inset 0 0 3px 1px rgba(0,0,0,.8),
inset rgba(255,255,255,.5)-3px -3px 6px 3px,
inset rgba(0,0,0,.3)3px 3px 6px 3px,
1px 1px 1px rgba(255,255,255,.1),
-2px -2px 5px rgba(0,0,0,.5);
opacity: .35;
z-index:200; cursor: pointer; }
#exit:hover { background-color:#e4ae33;
color:#000000;
opacity:1;}
/* --- скроллбар дизайн ---*/
html, body {
scrollbar-arrow-color: #1B1B1B; /* Цвет стрелок */
scrollbar-face-color: #999; /* Цвет полосы прокрутки */
scrollbar-track-color: #1B1B1B; /* Цвет полосы трека */
scrollbar-shadow-color: #000; /* Цвет тени */
scrollbar-highlight-color: #fff;
overflow-x: hidden;
}
::-webkit-scrollbar { width: 10px; height: 10px;}
::-webkit-scrollbar-button { height: 0px; background-color: #666; }
::-webkit-scrollbar-track { background-color: #000; border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-track-piece { background-color: #1B1B1B; border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb { height: 24px; background-color: #999; border-radius: 6px; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.8);}
::-webkit-scrollbar-thumb:hover { height: 24px; background-color: #FFF; border-radius: 6px; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.8);}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer {background-color: #000;}
/* --- конец дизайна скроллбара ---*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,a {font-weight: normal;}
::i-block-chrome,p.style7 { font-family: Arial, Helvetica, sans-serif}
::i-block-chrome,a.style1 {font-weight: normal;}
::i-block-chrome,td.style10 { font-family: 'PT Sans Narrow', sans-serif}
::i-block-chrome,span.style10 { font-family: 'PT Sans Narrow', sans-serif}
::i-block-chrome,p.style15 { font-family: 'PT Sans Narrow', sans-serif}
::i-block-chrome,a.knopka {font-weight: normal;}
}