html,body{position:relative;margin:0;padding:0;width:100%;height:100%;}
html{background:#333;color:#999;font:12px/1.5em arial,helvetica,sans-serif;}
body{font-size:100%;}
header,footer,nav,section,figure,aside,figcaption,header ul,header ul li,footer ul,footer ul li,nav ul,nav ul li{position:relative;margin:0;padding:0;}
header ul,footer ul,nav ul{list-style:none;}
#main:before{clear:both;content:"";float:left;height:50%;margin-bottom:-50%;position:relative;width:1px;}
#main{top:50%;margin:0 auto;width:960px;height:600px;max-height:600px;overflow:hidden;clear:left;}
[role="main"],[role="navigation"]{position:relative;float:left;height:600px;max-height:600px;overflow:hidden;}
[role="main"]{margin:0 30px;width:600px;min-width:600px;background:rgba(0, 0, 0, 0.5);}
[role="navigation"]{width:200px;min-width:200px;background:rgba(0, 0, 0, 0.8);overflow:hidden;color:#867a6f;}
[role="navigation"] a{color:#867a6f;}[role="navigation"] a:link,[role="navigation"] a:active,[role="navigation"] a:visited{color:inherit;}
[role="navigation"] a:target{color:#e57d1e;}
[role="main"]>section{margin:0;padding:20px;}
[role="navigation"] nav{overflow:auto;overflow-x:hidden;}
[role="navigation"] nav[role="main-navigation"]{height:400px;min-height:400px;max-height:400px;}
[role="navigation"] nav[role="sub-navigation"]{height:200px;min-height:200px;max-height:200px;}
[role="navigation"]:before,[role="navigation"]:after{position:absolute;left:0;display:block;width:100%;height:0px;min-height:0px;max-height:0px;overflow:hidden;content:" ";z-index:2;}
[role="navigation"]:before{top:0;background:#f30;-moz-box-shadow:0px 1px 5px 6px #cccccc;-webkit-box-shadow:0px 1px 5px 6px #cccccc;box-shadow:0px 1px 5px 6px #cccccc;}
[role="navigation"]:after{bottom:0;background:#0f3;-moz-box-shadow:0px 1px 5px 6px #cccccc;-webkit-box-shadow:0px 1px 5px 6px #cccccc;box-shadow:0px 1px 5px 6px #cccccc;}
[role="navigation"] ul{list-style:none;padding:0;}
[role="navigation"] ul a{position:relative;display:block;margin:0;padding:4px 20px;text-decoration:none;}
[role="navigation"] li ul{margin-left:20px;height:0;opacity:0;-webkit-transform:translate3d(0, 0, 0);-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;}
[role="navigation"] li.active>ul{height:auto;opacity:1;-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);}
[role="navigation"] nav [type=radio]{display:none;}
[type=radio]:checked~label a{color:#e57d1e;z-index:2;}
[type=radio]:checked~label~ul [type=radio]:checked~label a{color:#fff;z-index:2;}
[type=radio]:checked~label~ul{z-index:1;}
[type=radio]:checked~label~ul>*{opacity:1;-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);}
.en{font-family:Optima-Regular;}
.sc{font-family:STHeitiSC-Light;}
.tc{font-family:Optima-Regular;}
.ru{font-family:Myriad Pro;}
#debug{position:absolute;width:960px;height:300px;top:0;left:0;background:rgba(0, 0, 0, 0.4);color:#aaa;font-size:12px;overflow:auto;overflow-x:hidden;}
@-webkit-keyframes pulsate{0%{-webkit-box-shadow:0 0 3px 2px rgba(229, 127, 31, 0.25);} 50%{-webkit-box-shadow:0px 0 3px 2px rgba(229, 127, 31, 0.75);} 100%{-webkit-box-shadow:0 0 3px 2px rgba(229, 127, 31, 0.25);}}section.slideshow{position:relative;margin:0;padding:0;width:100%;height:600px;overflow:hidden;}section.slideshow section{position:relative;margin:0;padding:0;width:100%;height:540px;overflow:hidden;}section.slideshow section figure{position:relative;margin:0;padding:0;width:600px;height:540px;overflow:hidden;float:left;}section.slideshow section figure figcaption{position:absolute;margin:0;padding:10px 20px;left:0;bottom:0;width:560px;color:#ccc;background:rgba(0, 0, 0, 0.4);text-shadow:0 1px 2px #333;}
section.slideshow nav{position:relative;margin:0;padding:0;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;clear:both;}section.slideshow nav ul{position:relative;margin:0;padding:0;width:auto;margin:0 auto;text-align:center;}section.slideshow nav ul li{position:relative;margin:0;padding:0;display:inline-block;margin:0 3px;}section.slideshow nav ul li a{position:relative;margin:0;padding:0;display:block;width:10px;height:10px;max-height:20px;text-indent:-999em;overflow:hidden;background:#fff;-webkit-border-radius:10px 10px 10px 10px;-moz-border-radius:10px 10px 10px 10px;-o-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}
section.slideshow nav ul li.active a{background:#e57d1e;-webkit-animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;}
section.scrollable-text{position:absolute;margin:0;padding:20px 30px;width:300px;height:400px;overflow:hidden;z-index:3;right:0;top:0;color:#333;background:rgba(229, 127, 31, 0.75);-webkit-transform:translatez(0);}section.scrollable-text .content{position:absolute;z-index:1;top:20px;left:30px;padding:10px;width:280px;}
section.scrollable-text .scrollbar{position:absolute;z-index:10;top:2px;bottom:2px;right:2px;width:4px;overflow:hidden;}section.scrollable-text .scrollbar div{width:4px;overflow:hidden;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;border-radius:6px;background:rgba(0, 0, 0, 0.5);position:absolute;left:0;}