html,body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
a,a:visited,a:focus{outline:none;}
abbr,acronym{border:0;}
body,html{height:100%;}
body{margin:0;padding:0;font-family:Tahoma;background-color:#135299;background:radial-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.15) 30%,rgba(255,255,255,.3) 32%,rgba(255,255,255,0) 33%) 0 0,radial-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.1) 11%,rgba(255,255,255,.3) 13%,rgba(255,255,255,0) 14%) 0 0,radial-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.2) 17%,rgba(255,255,255,.43) 19%,rgba(255,255,255,0) 20%) 0 110px,radial-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.2) 11%,rgba(255,255,255,.4) 13%,rgba(255,255,255,0) 14%) -130px -170px,radial-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.2) 11%,rgba(255,255,255,.4) 13%,rgba(255,255,255,0) 14%) 130px 370px,radial-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.1) 11%,rgba(255,255,255,.2) 13%,rgba(255,255,255,0) 14%) 0 0,linear-gradient(45deg,#343702 0%,#184500 20%,#187546 30%,#006782 40%,#0b1284 50%,#760ea1 60%,#83096e 70%,#840b2a 80%,#b13e12 90%,#e27412 100%);background-size:470px 470px,970px 970px,410px 410px,610px 610px,530px 530px,730px 730px,100% 100%;background-color:#840b2a;}
#content{display:block;width:768px;margin:8% auto 0;height:768px;position:relative;}
@keyframes comeIn{0%{opacity:0;transform:translateZ(-110px);}100%{opacity:1;transform:translateZ(-60px);}}
@keyframes comeIn5{0%{opacity:0;transform:translateZ(-135px);}100%{opacity:1;transform:translateZ(-75px);}}
@keyframes comeOut{0%{perspective:1px;}100%{perspective:1400px;}}
@keyframes hideItem{0%{opacity:1;}50%{opacity:0;}}
@keyframes transItem{0%{border-radius:0px; width:150px;height:100px;line-height:100px;}100%{border-radius:5px;width:100px;height:50px;line-height:50px;}}
@keyframes transItem2{0%{border-radius:0px;height:120px;line-height:120px;}100%{border-radius:5px;height:50px;line-height:50px;}}
@keyframes place0{0%{top:13.2%;left:38.9%;width:120px;}100%{top:-27px;left:38.5%;width:175px;}}
@keyframes place0txt{0%{background-color:#fff;font-size:14px;color:#7F7F7F;width:120px;box-shadow:0 0 7px 0 rgba(255,255,255,0.5) inset;}100%{background-color:transparent;font-size:22px;color:#fff;width:175px;box-shadow:0px 0px 75px 0 rgba(0,0,0,0.3) inset;}}
.cube a{height:100%;width:100%;text-decoration:none;font-style:bold;font-size:14px;color:#7f7f7f;display:block;}
.cube{transform-style:preserve-3d;}
.cube>div{display:block;position:absolute;width:120px;height:120px;line-height:120px;font-family:arial,sans-serif;font-size:30px;color:white;text-align:center;box-shadow:0px 0px 7px 0px rgba(255,255,255,0.5) inset;}
.cube .front{transform:translateZ(60px);background-color:#fff;font:bold 14px/120px arial;color:#7f7f7f;}
.cube .back{color:black;transform:translateZ(-60px);background-color:#eee;}
.cube .right{transform:rotateY(90deg) translateZ(60px);background:rgb(255,255,255);background:-moz-linear-gradient(left,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);background:-webkit-gradient(linear,left top,right top,color-stop(0.9%,rgba(255,255,255,1)),color-stop(3.8%,rgba(142,142,142,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);background:linear-gradient(to right,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#8e8e8e',GradientType=1 );}
.cube .left{transform:rotateY(-90deg) translateZ(60px);background:rgb(255,255,255);background:-moz-linear-gradient(right,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);background:-webkit-gradient(linear,right top,left top,color-stop(0.9%,rgba(255,255,255,1)),color-stop(3.8%,rgba(142,142,142,1)));background:-webkit-linear-gradient(right,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);background:-o-linear-gradient(right,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);background:-ms-linear-gradient(right,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);background:linear-gradient(to left,rgba(255,255,255,1) 0.9%,rgba(142,142,142,1) 3.8%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#8e8e8e',GradientType=1 );}
.cube .bottom{transform:rotateX(-90deg) translateZ(60px);background:rgb(142,142,142);background:-moz-linear-gradient(top,rgba(142,142,142,1) 97%,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(142,142,142,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(142,142,142,1) 97%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e',endColorstr='#ffffff',GradientType=0 );}
.cube .top{transform:rotateX(90deg) translateZ(60px);background:rgb(142,142,142);background:-moz-linear-gradient(top,rgba(142,142,142,1) 97%,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(142,142,142,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(142,142,142,1) 97%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e',endColorstr='#ffffff',GradientType=0 );}
.ContentCube0{border:none;left:38.9%;top:13.2%;position:absolute;width:285px;height:250px;transform-style:preserve-3d;perspective-origin:27.6% 109.8%;perspective:1px;}
.cube0 .front{transform:translateZ(75px);line-height:100px;width:150px;height:100px;}
.cube0 .front span{display:none;}
.cube0 .back{transform:translateZ(-75px);width:150px;height:100px;}
.cube0 .left{transform:rotateY(-90deg) translateZ(75px);width:150px;height:100px;}
.cube0 .right{transform:rotateY(90deg) translateZ(75px);width:150px;height:100px;}
.cube0 .bottom{transform:rotateX(-90deg) translateZ(25px);width:150px;height:150px;}
.cube0 .top{transform:rotateX(90deg) translateZ(75px);width:150px;height:150px;}
.comeIn{transform-style:preserve-3d;animation:comeIn 1s ease-out;transition-timing-function:cubic-bezier(0.190,1.000,0.220,1.000);transform:translateZ(-60px);}
.comeIn5{transform-style:preserve-3d;animation:comeIn5 1s ease-out;transition-timing-function:cubic-bezier(0.190,1.000,0.220,1.000);transform:translateZ(-75px);}
.comeOut{transform-style:preserve-3d;animation:comeOut 1s ease-in;perspective:1400px;opacity:1;}
.rmPers{animation:hideItem 1s ease-out;opacity:0;}
.cube .transItem{animation:transItem 1s ease-out;border-radius:5px;width:100px;height:50px;line-height:50px;}
.cube .transItem2{animation:transItem2 1s ease-out;border-radius:5px;height:50px;line-height:50px;}
#ContentCube0.place0{animation:place0 1s ease-out;top:-27px;left:38.5%;width:175px;height:100px;background-color:transparent;font-size:22px;}
#ContentCube0.place0 .front{animation:place0txt 1s ease-out;background-color:transparent;font-size:22px;color:#fff;box-shadow:none;width:175px;text-shadow:0 0 0 #000,0px 1px 0 #000,0px 2px 0 #000,0px 3px 0 #000;line-height:80px;}
#ContentCube0.place0 .front:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.8);-moz-box-shadow:0px 0px 10px rgba(0,0,0,.8);box-shadow:0px 0px 10px rgba(0,0,0,.8);}
#ContentCube0.place0 .front a{color:#FFFFFF;font-size:22px;position:relative;z-index:101;}
#ContentCube0.place0 .front span{display:block;width:100%;position:relative;text-transform:uppercase;color:#7FE7FF;font:bold 15px tahoma;text-align:center;top:-25px;}