/* Header */ #header { position:absolute; z-index:999; top:12px; left:50px; /*right:50px;*/ min-width:965px; max-width:1266px; margin:auto; height:88px; background:#040B43; border-bottom:solid 2px #133f90; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #header .header-inner { min-width:940px; /*max-width:1155px;*/ margin:auto; padding:20px; height:50px; text-align:center; overflow:hidden; } #header .header-inner > div { display:inline-block; height:50px; vertical-align:middle; } @media screen and (max-width: 1120px) { #header, body.PageStyleUI #footer { left:10px; right:10px; } #top_menu { padding: 0 5px !important; } #search .search { width:120px !important; } body.PageStyleUI .content { padding-left:20px; padding-right:20px; } } /* LOGO */ #logo { } #logo a { display:block; background:url(../images/logo.png) no-repeat; width:140px; height:50px; } /* MENU */ #top_menu { padding:0 15px; } #top_menu ul { margin:0px; padding:0px; text-align:center; } #top_menu ul li { display:inline-block; padding:0px; list-style:none; font-size:20px; line-height:50px; } #top_menu ul li a { display:block; padding:0 10px; color:#ccc; } #top_menu ul li a:hover,#top_menu ul li a.cur { color:#fff; } #top_menu .pro_menu { position:absolute; top:88px; left:0px; margin:0px; padding:20px 0; width:100%; display:none; } #top_menu .pro_menu li { margin:0px; padding:0px; list-style:none; text-align:center; } #top_menu .pro_menu li b { display:block; max-width:110px; height:110px; } #top_menu .pro_menu li b img { width:100%; } #top_menu .pro_menu li h3 { margin:0px; padding:0px; font-size:14px; } #top_menu .pro_menu li:hover h3 { text-shadow:0 0 5px rgba(255,253,253,1.00); } #top_menu .pro_menu li a { display:block; padding:0 10px; color:#000; } #top_menu .pro_menu li a:hover { color:#fff; } #top_menu .pro_menu ul:first-child{ opacity:0;} /* open browser animation */ .pro_menu.pb-dynamic ul:first-child li a { opacity:0; } .pro_menu.pb-open { display:block !important; background:url(images/header/bg_w50.png) repeat /9; background:rgba(242,242,242,0.5); } #top_menu .pro_menu.pb-open ul:first-child{ opacity:1;} .pro_menu.pb-open ul:first-child li a { opacity:1; -webkit-animation-duration:.8s; -moz-animation-duration:.8s; -o-animation-duration:.8s; animation-duration:.8s; } .pro_menu.pb-open ul:first-child li:nth-child(1) a { -webkit-animation-name:open-1; -moz-animation-name:open-1; -o-animation-name:open-1; animation-name:open-1; } .pro_menu.pb-open ul:first-child li:nth-child(2) a { -webkit-animation-name:open-2; -moz-animation-name:open-2; -o-animation-name:open-2; animation-name:open-2; } .pro_menu.pb-open ul:first-child li:nth-child(3) a { -webkit-animation-name:open-3; -moz-animation-name:open-3; -o-animation-name:open-3; animation-name:open-3; } .pro_menu.pb-open ul:first-child li:nth-child(4) a { -webkit-animation-name:open-4; -moz-animation-name:open-4; -o-animation-name:open-4; animation-name:open-4; } .pro_menu.pb-open ul:first-child li:nth-child(5) a { -webkit-animation-name:open-5; -moz-animation-name:open-5; -o-animation-name:open-5; animation-name:open-5; } .pro_menu.pb-open ul:first-child li:nth-child(6) a { -webkit-animation-name:open-6; -moz-animation-name:open-6; -o-animation-name:open-6; animation-name:open-6; } .pro_menu.pb-open ul:first-child li:nth-child(7) a { -webkit-animation-name:open-7; -moz-animation-name:open-7; -o-animation-name:open-7; animation-name:open-7; } .pro_menu.pb-open ul:first-child li:nth-child(8) a { -webkit-animation-name:open-8; -moz-animation-name:open-8; -o-animation-name:open-8; animation-name:open-8; } .pro_menu.pb-open ul:first-child li:nth-child(9) a { -webkit-animation-name:open-8; -moz-animation-name:open-8; -o-animation-name:open-8; animation-name:open-8; } .pro_menu.pb-opened ul:first-child li a { opacity:1; } /*search*/ #search { } #search .search { border:none; width:140px; height:24px; font-size:13px; margin:10px 0; padding:2px 10px 2px 30px; background:#fff url(../images/icon_search.png) no-repeat 5% 50%; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; } #search input[type="submit"] { font-size:13px; margin:10px 5px; padding:0 10px; background-color:#025091; color:#fff; } /*lan*/ #lan { } #lan ul { margin:0px; padding:0px; } #lan ul li { float:left; margin:20px 0; padding:0px; list-style:none; font-size:12px; line-height:12px; border-left:solid 1px #666; } #lan ul li a { display:block; padding:0 10px; color:#666; } #lan ul li a:hover,#lan ul li a.cur { color:#999; } #lan ul li:first-child { border-left:none; } #link ul { margin:0px; padding:0px; } #link ul li { float:left; margin:0; padding:0px; list-style:none; } #link ul li a { display:block; height:50px; width:70px; text-indent:9999px; } #link ul li a.icon-b2b { background:url(images/icon-b2b.png) no-repeat center center; } /**/ @-webkit-keyframes open-1 { from { opacity:0; -webkit-transform:translate3d( 210px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( -15.6px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( -10.3px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( 4.5px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( 2.9px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( -1.3px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( -0.8px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0.4px, -0.1px, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-2 { from { opacity:0; -webkit-transform:translate3d( 235px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 30% { opacity:1; -webkit-transform:translate3d( -9.3px, 4.1px, 0); } 35% { opacity:1; -webkit-transform:translate3d( -6.1px, 2.7px, 0); } 40% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 45% { opacity:1; -webkit-transform:translate3d( 2.7px, -1.2px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 1.7px, -0.8px, 0); } 55% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 60% { opacity:1; -webkit-transform:translate3d( -0.8px, 0.3px, 0); } 65% { opacity:1; -webkit-transform:translate3d( -0.5px, 0.2px, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0.1px, -0.1px, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } 95% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-3 { from { opacity:0; -webkit-transform:translate3d( 225px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( -11.8px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( -7.8px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( 3.4px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( 2.2px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( -0.1px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( -0.6px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0.2px, -0.1px, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0.2px, -0.1px, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-4 { from { opacity:0; -webkit-transform:translate3d( 150px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( -3.3px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( -2.2px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( 0.9px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( 0.6px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( -0.3px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( -0.2px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0.1px, -0.1px, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-5 { from { opacity:0; -webkit-transform:translate3d( 50px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( 3.6px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( 2.4px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( -1px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( -0.7px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( 0.3px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( 0.2px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 75% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-6 { from { opacity:0; -webkit-transform:translate3d( -235px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 30% { opacity:1; -webkit-transform:translate3d( 9.3px, 4.1px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 6.1px, 2.7px, 0); } 40% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 45% { opacity:1; -webkit-transform:translate3d( -2.7px, -1.2px, 0); } 50% { opacity:1; -webkit-transform:translate3d( -1.7px, -0.8px, 0); } 55% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 60% { opacity:1; -webkit-transform:translate3d( 0.8px, 0.3px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0.5px, 0.2px, 0); } 70% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 75% { opacity:1; -webkit-transform:translate3d( -0.2px, -0.1px, 0); } 80% { opacity:1; -webkit-transform:translate3d( -0.1px, -0.1px, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( 0.1px, 0, 0); } 95% { opacity:1; -webkit-transform:translate3d( 0.1px, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-7 { from { opacity:0; -webkit-transform:translate3d( -210px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( 15.6px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( 10.3px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( -4.5px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( -2.9px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( 1.3px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( 0.8px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( -0.4px, -0.1px, 0); } 75% { opacity:1; -webkit-transform:translate3d( -0.2px, -0.1px, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0.1px, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( 0.1px, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-8 { from { opacity:0; -webkit-transform:translate3d( -400px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( 22.2px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( 14.6px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( -6.4px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( -4.2px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( 1.8px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( 1.2px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( -0.5px, -0.1px, 0); } 75% { opacity:1; -webkit-transform:translate3d( -0.3px, 0, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0.2px, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } @-webkit-keyframes open-9 { from { opacity:0; -webkit-transform:translate3d( -500px, -145px, 0); } 25% { opacity:1; -webkit-transform:translate3d( 28.9px, 4.1px, 0); } 30% { opacity:1; -webkit-transform:translate3d( 19.0px, 2.7px, 0); } 35% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 40% { opacity:1; -webkit-transform:translate3d( -8.3px, -1.2px, 0); } 45% { opacity:1; -webkit-transform:translate3d( -5.4px, -0.8px, 0); } 50% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 55% { opacity:1; -webkit-transform:translate3d( 2.4px, 0.3px, 0); } 60% { opacity:1; -webkit-transform:translate3d( 1.6px, 0.2px, 0); } 65% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 70% { opacity:1; -webkit-transform:translate3d( -0.7px, -0.1px, 0); } 75% { opacity:1; -webkit-transform:translate3d( -0.4px, -0.1px, 0); } 80% { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } 85% { opacity:1; -webkit-transform:translate3d( 0.2px, 0, 0); } 90% { opacity:1; -webkit-transform:translate3d( 0.1px, 0, 0); } to { opacity:1; -webkit-transform:translate3d( 0, 0, 0); } } /**/ @-moz-keyframes open-1 { from { opacity:0; -moz-transform:translate( 210px, -145px); } 25% { opacity:1; -moz-transform:translate( -15.6px, 4.1px); } 30% { opacity:1; -moz-transform:translate( -10.3px, 2.7px); } 35% { opacity:1; -moz-transform:translate( 0, 0); } 40% { opacity:1; -moz-transform:translate( 4.5px, -1.2px); } 45% { opacity:1; -moz-transform:translate( 2.9px, -0.8px); } 50% { opacity:1; -moz-transform:translate( 0, 0); } 55% { opacity:1; -moz-transform:translate( -1.3px, 0.3px); } 60% { opacity:1; -moz-transform:translate( -0.8px, 0.2px); } 65% { opacity:1; -moz-transform:translate( 0, 0); } 70% { opacity:1; -moz-transform:translate( 0.4px, -0.1px); } 75% { opacity:1; -moz-transform:translate( 0.2px, -0.1px); } 80% { opacity:1; -moz-transform:translate( 0, 0); } 85% { opacity:1; -moz-transform:translate( -0.1px, 0); } 90% { opacity:1; -moz-transform:translate( -0.1px, 0); } to { opacity:1; -moz-transform:translate( 0, 0); } } @-moz-keyframes open-2 { from { opacity:0; -moz-transform:translate( 235px, -145px); } 25% { opacity:1; -moz-transform:translate( 0, 0); } 30% { opacity:1; -moz-transform:translate( -9.3px, 4.1px); } 35% { opacity:1; -moz-transform:translate( -6.1px, 2.7px); } 40% { opacity:1; -moz-transform:translate( 0, 0); } 45% { opacity:1; -moz-transform:translate( 2.7px, -1.2px); } 50% { opacity:1; -moz-transform:translate( 1.7px, -0.8px); } 55% { opacity:1; -moz-transform:translate( 0, 0); } 60% { opacity:1; -moz-transform:translate( -0.8px, 0.3px); } 65% { opacity:1; -moz-transform:translate( -0.5px, 0.2px); } 70% { opacity:1; -moz-transform:translate( 0, 0); } 75% { opacity:1; -moz-transform:translate( 0.2px, -0.1px); } 80% { opacity:1; -moz-transform:translate( 0.1px, -0.1px); } 85% { opacity:1; -moz-transform:translate( 0, 0); } 90% { opacity:1; -moz-transform:translate( -0.1px, 0); } 95% { opacity:1; -moz-transform:translate( -0.1px, 0); } to { opacity:1; -moz-transform:translate( 0, 0); } } @-moz-keyframes open-3 { from { opacity:0; -moz-transform:translate( 225px, -145px); } 25% { opacity:1; -moz-transform:translate( -11.8px, 4.1px); } 30% { opacity:1; -moz-transform:translate( -7.8px, 2.7px); } 35% { opacity:1; -moz-transform:translate( 0, 0); } 40% { opacity:1; -moz-transform:translate( 3.4px, -1.2px); } 45% { opacity:1; -moz-transform:translate( 2.2px, -0.8px); } 50% { opacity:1; -moz-transform:translate( 0, 0); } 55% { opacity:1; -moz-transform:translate( -0.1px, 0.3px); } 60% { opacity:1; -moz-transform:translate( -0.6px, 0.2px); } 65% { opacity:1; -moz-transform:translate( 0, 0); } 70% { opacity:1; -moz-transform:translate( 0.2px, -0.1px); } 75% { opacity:1; -moz-transform:translate( 0.2px, -0.1px); } 80% { opacity:1; -moz-transform:translate( 0, 0); } 85% { opacity:1; -moz-transform:translate( -0.1px, 0); } 90% { opacity:1; -moz-transform:translate( -0.1px, 0); } to { opacity:1; -moz-transform:translate( 0, 0); } } @-moz-keyframes open-4 { from { opacity:0; -moz-transform:translate( 150px, -145px); } 25% { opacity:1; -moz-transform:translate( -3.3px, 4.1px); } 30% { opacity:1; -moz-transform:translate( -2.2px, 2.7px); } 35% { opacity:1; -moz-transform:translate( 0, 0); } 40% { opacity:1; -moz-transform:translate( 0.9px, -1.2px); } 45% { opacity:1; -moz-transform:translate( 0.6px, -0.8px); } 50% { opacity:1; -moz-transform:translate( 0, 0); } 55% { opacity:1; -moz-transform:translate( -0.3px, 0.3px); } 60% { opacity:1; -moz-transform:translate( -0.2px, 0.2px); } 65% { opacity:1; -moz-transform:translate( 0, 0); } 70% { opacity:1; -moz-transform:translate( 0.1px, -0.1px); } 75% { opacity:1; -moz-transform:translate( 0, 0); } 80% { opacity:1; -moz-transform:translate( 0, 0); } 85% { opacity:1; -moz-transform:translate( 0, 0); } 90% { opacity:1; -moz-transform:translate( 0, 0); } to { opacity:1; -moz-transform:translate( 0, 0); } } @-moz-keyframes open-5 { from { opacity:0; -moz-transform:translate( 50px, -145px); } 25% { opacity:1; -moz-transform:translate( 3.6px, 4.1px); } 30% { opacity:1; -moz-transform:translate( 2.4px, 2.7px); } 35% { opacity:1; -moz-transform:translate( 0, 0); } 40% { opacity:1; -moz-transform:translate( -1px, -1.2px); } 45% { opacity:1; -moz-transform:translate( -0.7px, -0.8px); } 50% { opacity:1; -moz-transform:translate( 0, 0); } 55% { opacity:1; -moz-transform:translate( 0.3px, 0.3px); } 60% { opacity:1; -moz-transform:translate( 0.2px, 0.2px); } 65% { opacity:1; -moz-transform:translate( 0, 0); } 70% { opacity:1; -moz-transform:translate( 0, 0); } 75% { opacity:1; -moz-transform:translate( 0, 0); } 80% { opacity:1; -moz-transform:translate( 0, 0); } 85% { opacity:1; -moz-transform:translate( 0, 0); } 90% { opacity:1; -moz-transform:translate( 0, 0); } to { opacity:1; -moz-transform:translate( 0, 0); } } @-moz-keyframes open-6 { from { opacity:0; -moz-transform:translate( -235px, -145px); } 25% { opacity:1; -moz-transform:translate( 0, 0); } 30% { opacity:1; -moz-transform:translate( 9.3px, 4.1px); } 35% { opacity:1; -moz-transform:translate( 6.1px, 2.7px); } 40% { opacity:1; -moz-transform:translate( 0, 0); } 45% { opacity:1; -moz-transform:translate( -2.7px, -1.2px); } 50% { opacity:1; -moz-transform:translate( -1.7px, -0.8px); } 55% { opacity:1; -moz-transform:translate( 0, 0); } 60% { opacity:1; -moz-transform:translate( 0.8px, 0.3px); } 65% { opacity:1; -moz-transform:translate( 0.5px, 0.2px); } 70% { opacity:1; -moz-transform:translate( 0, 0); } 75% { opacity:1; -moz-transform:translate( -0.2px, -0.1px); } 80% { opacity:1; -moz-transform:translate( -0.1px, -0.1px); } 85% { opacity:1; -moz-transform:translate( 0, 0); } 90% { opacity:1; -moz-transform:translate( 0.1px, 0); } 95% { opacity:1; -moz-transform:translate( 0.1px, 0); } to { opacity:1; -moz-transform:translate( 0, 0); } } @-moz-keyframes open-7 { from { opacity:0; -moz-transform:translate( -210px, -145px); } 25% { opacity:1; -moz-transform:translate( 15.6px, 4.1px); } 30% { opacity:1; -moz-transform:translate( 10.3px, 2.7px); } 35% { opacity:1; -moz-transform:translate( 0, 0); } 40% { opacity:1; -moz-transform:translate( -4.5px, -1.2px); } 45% { opacity:1; -moz-transform:translate( -2.9px, -0.8px); } 50% { opacity:1; -moz-transform:translate( 0, 0); } 55% { opacity:1; -moz-transform:translate( 1.3px, 0.3px); } 60% { opacity:1; -moz-transform:translate( 0.8px, 0.2px); } 65% { opacity:1; -moz-transform:translate( 0, 0); } 70% { opacity:1; -moz-transform:translate( -0.4px, -0.1px); } 75% { opacity:1; -moz-transform:translate( -0.2px, -0.1px); } 80% { opacity:1; -moz-transform:translate( 0, 0); } 85% { opacity:1; -moz-transform:translate( 0.1px, 0); } 90% { opacity:1; -moz-transform:translate( 0.1px, 0); } to { opacity:1; -moz-transform:translate( 0, 0); } } @-moz-keyframes open-8 { from { opacity:0; -moz-transform:translate( -400px, -145px); } 25% { opacity:1; -moz-transform:translate( 22.2px, 4.1px); } 30% { opacity:1; -moz-transform:translate( 14.6px, 2.7px); } 35% { opacity:1; -moz-transform:translate( 0, 0); } 40% { opacity:1; -moz-transform:translate( -6.4px, -1.2px); } 45% { opacity:1; -moz-transform:translate( -4.2px, -0.8px); } 50% { opacity:1; -moz-transform:translate( 0, 0); } 55% { opacity:1; -moz-transform:translate( 1.8px, 0.3px); } 60% { opacity:1; -moz-transform:translate( 1.2px, 0.2px); } 65% { opacity:1; -moz-transform:translate( 0, 0); } 70% { opacity:1; -moz-transform:translate( -0.5px, -0.1px); } 75% { opacity:1; -moz-transform:translate( -0.3px, 0); } 80% { opacity:1; -moz-transform:translate( 0, 0); } 85% { opacity:1; -moz-transform:translate( 0.2px, 0); } 90% { opacity:1; -moz-transform:translate( 0, 0); } to { opacity:1; -moz-transform:translate( 0, 0); } } @-moz-keyframes open-9 { from { opacity:0; -moz-transform:translate( -500px, -145px); } 25% { opacity:1; -moz-transform:translate( 28.9px, 4.1px); } 30% { opacity:1; -moz-transform:translate( 19.0px, 2.7px); } 35% { opacity:1; -moz-transform:translate( 0, 0); } 40% { opacity:1; -moz-transform:translate( -8.3px, -1.2px); } 45% { opacity:1; -moz-transform:translate( -5.4px, -0.8px); } 50% { opacity:1; -moz-transform:translate( 0, 0); } 55% { opacity:1; -moz-transform:translate( 2.4px, 0.3px); } 60% { opacity:1; -moz-transform:translate( 1.6px, 0.2px); } 65% { opacity:1; -moz-transform:translate( 0, 0); } 70% { opacity:1; -moz-transform:translate( -0.7px, -0.1px); } 75% { opacity:1; -moz-transform:translate( -0.4px, -0.1px); } 80% { opacity:1; -moz-transform:translate( 0, 0); } 85% { opacity:1; -moz-transform:translate( 0.2px, 0); } 90% { opacity:1; -moz-transform:translate( 0.1px, 0); } to { opacity:1; -moz-transform:translate( 0, 0); } } /**/ @-o-keyframes open-1 { from { opacity:0; -o-transform:translate( 210px, -145px); } 25% { opacity:1; -o-transform:translate( -15.6px, 4.1px); } 30% { opacity:1; -o-transform:translate( -10.3px, 2.7px); } 35% { opacity:1; -o-transform:translate( 0, 0); } 40% { opacity:1; -o-transform:translate( 4.5px, -1.2px); } 45% { opacity:1; -o-transform:translate( 2.9px, -0.8px); } 50% { opacity:1; -o-transform:translate( 0, 0); } 55% { opacity:1; -o-transform:translate( -1.3px, 0.3px); } 60% { opacity:1; -o-transform:translate( -0.8px, 0.2px); } 65% { opacity:1; -o-transform:translate( 0, 0); } 70% { opacity:1; -o-transform:translate( 0.4px, -0.1px); } 75% { opacity:1; -o-transform:translate( 0.2px, -0.1px); } 80% { opacity:1; -o-transform:translate( 0, 0); } 85% { opacity:1; -o-transform:translate( -0.1px, 0); } 90% { opacity:1; -o-transform:translate( -0.1px, 0); } to { opacity:1; -o-transform:translate( 0, 0); } } @-o-keyframes open-2 { from { opacity:0; -o-transform:translate( 235px, -145px); } 25% { opacity:1; -o-transform:translate( 0, 0); } 30% { opacity:1; -o-transform:translate( -9.3px, 4.1px); } 35% { opacity:1; -o-transform:translate( -6.1px, 2.7px); } 40% { opacity:1; -o-transform:translate( 0, 0); } 45% { opacity:1; -o-transform:translate( 2.7px, -1.2px); } 50% { opacity:1; -o-transform:translate( 1.7px, -0.8px); } 55% { opacity:1; -o-transform:translate( 0, 0); } 60% { opacity:1; -o-transform:translate( -0.8px, 0.3px); } 65% { opacity:1; -o-transform:translate( -0.5px, 0.2px); } 70% { opacity:1; -o-transform:translate( 0, 0); } 75% { opacity:1; -o-transform:translate( 0.2px, -0.1px); } 80% { opacity:1; -o-transform:translate( 0.1px, -0.1px); } 85% { opacity:1; -o-transform:translate( 0, 0); } 90% { opacity:1; -o-transform:translate( -0.1px, 0); } 95% { opacity:1; -o-transform:translate( -0.1px, 0); } to { opacity:1; -o-transform:translate( 0, 0); } } @-o-keyframes open-3 { from { opacity:0; -o-transform:translate( 225px, -145px); } 25% { opacity:1; -o-transform:translate( -11.8px, 4.1px); } 30% { opacity:1; -o-transform:translate( -7.8px, 2.7px); } 35% { opacity:1; -o-transform:translate( 0, 0); } 40% { opacity:1; -o-transform:translate( 3.4px, -1.2px); } 45% { opacity:1; -o-transform:translate( 2.2px, -0.8px); } 50% { opacity:1; -o-transform:translate( 0, 0); } 55% { opacity:1; -o-transform:translate( -0.1px, 0.3px); } 60% { opacity:1; -o-transform:translate( -0.6px, 0.2px); } 65% { opacity:1; -o-transform:translate( 0, 0); } 70% { opacity:1; -o-transform:translate( 0.2px, -0.1px); } 75% { opacity:1; -o-transform:translate( 0.2px, -0.1px); } 80% { opacity:1; -o-transform:translate( 0, 0); } 85% { opacity:1; -o-transform:translate( -0.1px, 0); } 90% { opacity:1; -o-transform:translate( -0.1px, 0); } to { opacity:1; -o-transform:translate( 0, 0); } } @-o-keyframes open-4 { from { opacity:0; -o-transform:translate( 150px, -145px); } 25% { opacity:1; -o-transform:translate( -3.3px, 4.1px); } 30% { opacity:1; -o-transform:translate( -2.2px, 2.7px); } 35% { opacity:1; -o-transform:translate( 0, 0); } 40% { opacity:1; -o-transform:translate( 0.9px, -1.2px); } 45% { opacity:1; -o-transform:translate( 0.6px, -0.8px); } 50% { opacity:1; -o-transform:translate( 0, 0); } 55% { opacity:1; -o-transform:translate( -0.3px, 0.3px); } 60% { opacity:1; -o-transform:translate( -0.2px, 0.2px); } 65% { opacity:1; -o-transform:translate( 0, 0); } 70% { opacity:1; -o-transform:translate( 0.1px, -0.1px); } 75% { opacity:1; -o-transform:translate( 0, 0); } 80% { opacity:1; -o-transform:translate( 0, 0); } 85% { opacity:1; -o-transform:translate( 0, 0); } 90% { opacity:1; -o-transform:translate( 0, 0); } to { opacity:1; -o-transform:translate( 0, 0); } } @-o-keyframes open-5 { from { opacity:0; -o-transform:translate( 50px, -145px); } 25% { opacity:1; -o-transform:translate( 3.6px, 4.1px); } 30% { opacity:1; -o-transform:translate( 2.4px, 2.7px); } 35% { opacity:1; -o-transform:translate( 0, 0); } 40% { opacity:1; -o-transform:translate( -1px, -1.2px); } 45% { opacity:1; -o-transform:translate( -0.7px, -0.8px); } 50% { opacity:1; -o-transform:translate( 0, 0); } 55% { opacity:1; -o-transform:translate( 0.3px, 0.3px); } 60% { opacity:1; -o-transform:translate( 0.2px, 0.2px); } 65% { opacity:1; -o-transform:translate( 0, 0); } 70% { opacity:1; -o-transform:translate( 0, 0); } 75% { opacity:1; -o-transform:translate( 0, 0); } 80% { opacity:1; -o-transform:translate( 0, 0); } 85% { opacity:1; -o-transform:translate( 0, 0); } 90% { opacity:1; -o-transform:translate( 0, 0); } to { opacity:1; -o-transform:translate( 0, 0); } } @-o-keyframes open-6 { from { opacity:0; -o-transform:translate( -235px, -145px); } 25% { opacity:1; -o-transform:translate( 0, 0); } 30% { opacity:1; -o-transform:translate( 9.3px, 4.1px); } 35% { opacity:1; -o-transform:translate( 6.1px, 2.7px); } 40% { opacity:1; -o-transform:translate( 0, 0); } 45% { opacity:1; -o-transform:translate( -2.7px, -1.2px); } 50% { opacity:1; -o-transform:translate( -1.7px, -0.8px); } 55% { opacity:1; -o-transform:translate( 0, 0); } 60% { opacity:1; -o-transform:translate( 0.8px, 0.3px); } 65% { opacity:1; -o-transform:translate( 0.5px, 0.2px); } 70% { opacity:1; -o-transform:translate( 0, 0); } 75% { opacity:1; -o-transform:translate( -0.2px, -0.1px); } 80% { opacity:1; -o-transform:translate( -0.1px, -0.1px); } 85% { opacity:1; -o-transform:translate( 0, 0); } 90% { opacity:1; -o-transform:translate( 0.1px, 0); } 95% { opacity:1; -o-transform:translate( 0.1px, 0); } to { opacity:1; -o-transform:translate( 0, 0); } } @-o-keyframes open-7 { from { opacity:0; -o-transform:translate( -210px, -145px); } 25% { opacity:1; -o-transform:translate( 15.6px, 4.1px); } 30% { opacity:1; -o-transform:translate( 10.3px, 2.7px); } 35% { opacity:1; -o-transform:translate( 0, 0); } 40% { opacity:1; -o-transform:translate( -4.5px, -1.2px); } 45% { opacity:1; -o-transform:translate( -2.9px, -0.8px); } 50% { opacity:1; -o-transform:translate( 0, 0); } 55% { opacity:1; -o-transform:translate( 1.3px, 0.3px); } 60% { opacity:1; -o-transform:translate( 0.8px, 0.2px); } 65% { opacity:1; -o-transform:translate( 0, 0); } 70% { opacity:1; -o-transform:translate( -0.4px, -0.1px); } 75% { opacity:1; -o-transform:translate( -0.2px, -0.1px); } 80% { opacity:1; -o-transform:translate( 0, 0); } 85% { opacity:1; -o-transform:translate( 0.1px, 0); } 90% { opacity:1; -o-transform:translate( 0.1px, 0); } to { opacity:1; -o-transform:translate( 0, 0); } } @-o-keyframes open-8 { from { opacity:0; -o-transform:translate( -400px, -145px); } 25% { opacity:1; -o-transform:translate( 22.2px, 4.1px); } 30% { opacity:1; -o-transform:translate( 14.6px, 2.7px); } 35% { opacity:1; -o-transform:translate( 0, 0); } 40% { opacity:1; -o-transform:translate( -6.4px, -1.2px); } 45% { opacity:1; -o-transform:translate( -4.2px, -0.8px); } 50% { opacity:1; -o-transform:translate( 0, 0); } 55% { opacity:1; -o-transform:translate( 1.8px, 0.3px); } 60% { opacity:1; -o-transform:translate( 1.2px, 0.2px); } 65% { opacity:1; -o-transform:translate( 0, 0); } 70% { opacity:1; -o-transform:translate( -0.5px, -0.1px); } 75% { opacity:1; -o-transform:translate( -0.3px, 0); } 80% { opacity:1; -o-transform:translate( 0, 0); } 85% { opacity:1; -o-transform:translate( 0.2px, 0); } 90% { opacity:1; -o-transform:translate( 0, 0); } to { opacity:1; -o-transform:translate( 0, 0); } } @-o-keyframes open-9 { from { opacity:0; -o-transform:translate( -500px, -145px); } 25% { opacity:1; -o-transform:translate( 28.9px, 4.1px); } 30% { opacity:1; -o-transform:translate( 19.0px, 2.7px); } 35% { opacity:1; -o-transform:translate( 0, 0); } 40% { opacity:1; -o-transform:translate( -8.3px, -1.2px); } 45% { opacity:1; -o-transform:translate( -5.4px, -0.8px); } 50% { opacity:1; -o-transform:translate( 0, 0); } 55% { opacity:1; -o-transform:translate( 2.4px, 0.3px); } 60% { opacity:1; -o-transform:translate( 1.6px, 0.2px); } 65% { opacity:1; -o-transform:translate( 0, 0); } 70% { opacity:1; -o-transform:translate( -0.7px, -0.1px); } 75% { opacity:1; -o-transform:translate( -0.4px, -0.1px); } 80% { opacity:1; -o-transform:translate( 0, 0); } 85% { opacity:1; -o-transform:translate( 0.2px, 0); } 90% { opacity:1; -o-transform:translate( 0.1px, 0); } to { opacity:1; -o-transform:translate( 0, 0); } } /**/ @keyframes open-1 { from { opacity:0; transform:translate( 210px, -145px); } 25% { opacity:1; transform:translate( -15.6px, 4.1px); } 30% { opacity:1; transform:translate( -10.3px, 2.7px); } 35% { opacity:1; transform:translate( 0, 0); } 40% { opacity:1; transform:translate( 4.5px, -1.2px); } 45% { opacity:1; transform:translate( 2.9px, -0.8px); } 50% { opacity:1; transform:translate( 0, 0); } 55% { opacity:1; transform:translate( -1.3px, 0.3px); } 60% { opacity:1; transform:translate( -0.8px, 0.2px); } 65% { opacity:1; transform:translate( 0, 0); } 70% { opacity:1; transform:translate( 0.4px, -0.1px); } 75% { opacity:1; transform:translate( 0.2px, -0.1px); } 80% { opacity:1; transform:translate( 0, 0); } 85% { opacity:1; transform:translate( -0.1px, 0); } 90% { opacity:1; transform:translate( -0.1px, 0); } to { opacity:1; transform:translate( 0, 0); } } @keyframes open-2 { from { opacity:0; transform:translate( 235px, -145px); } 25% { opacity:1; transform:translate( 0, 0); } 30% { opacity:1; transform:translate( -9.3px, 4.1px); } 35% { opacity:1; transform:translate( -6.1px, 2.7px); } 40% { opacity:1; transform:translate( 0, 0); } 45% { opacity:1; transform:translate( 2.7px, -1.2px); } 50% { opacity:1; transform:translate( 1.7px, -0.8px); } 55% { opacity:1; transform:translate( 0, 0); } 60% { opacity:1; transform:translate( -0.8px, 0.3px); } 65% { opacity:1; transform:translate( -0.5px, 0.2px); } 70% { opacity:1; transform:translate( 0, 0); } 75% { opacity:1; transform:translate( 0.2px, -0.1px); } 80% { opacity:1; transform:translate( 0.1px, -0.1px); } 85% { opacity:1; transform:translate( 0, 0); } 90% { opacity:1; transform:translate( -0.1px, 0); } 95% { opacity:1; transform:translate( -0.1px, 0); } to { opacity:1; transform:translate( 0, 0); } } @keyframes open-3 { from { opacity:0; transform:translate( 225px, -145px); } 25% { opacity:1; transform:translate( -11.8px, 4.1px); } 30% { opacity:1; transform:translate( -7.8px, 2.7px); } 35% { opacity:1; transform:translate( 0, 0); } 40% { opacity:1; transform:translate( 3.4px, -1.2px); } 45% { opacity:1; transform:translate( 2.2px, -0.8px); } 50% { opacity:1; transform:translate( 0, 0); } 55% { opacity:1; transform:translate( -0.1px, 0.3px); } 60% { opacity:1; transform:translate( -0.6px, 0.2px); } 65% { opacity:1; transform:translate( 0, 0); } 70% { opacity:1; transform:translate( 0.2px, -0.1px); } 75% { opacity:1; transform:translate( 0.2px, -0.1px); } 80% { opacity:1; transform:translate( 0, 0); } 85% { opacity:1; transform:translate( -0.1px, 0); } 90% { opacity:1; transform:translate( -0.1px, 0); } to { opacity:1; transform:translate( 0, 0); } } @keyframes open-4 { from { opacity:0; transform:translate( 150px, -145px); } 25% { opacity:1; transform:translate( -3.3px, 4.1px); } 30% { opacity:1; transform:translate( -2.2px, 2.7px); } 35% { opacity:1; transform:translate( 0, 0); } 40% { opacity:1; transform:translate( 0.9px, -1.2px); } 45% { opacity:1; transform:translate( 0.6px, -0.8px); } 50% { opacity:1; transform:translate( 0, 0); } 55% { opacity:1; transform:translate( -0.3px, 0.3px); } 60% { opacity:1; transform:translate( -0.2px, 0.2px); } 65% { opacity:1; transform:translate( 0, 0); } 70% { opacity:1; transform:translate( 0.1px, -0.1px); } 75% { opacity:1; transform:translate( 0, 0); } 80% { opacity:1; transform:translate( 0, 0); } 85% { opacity:1; transform:translate( 0, 0); } 90% { opacity:1; transform:translate( 0, 0); } to { opacity:1; transform:translate( 0, 0); } } @keyframes open-5 { from { opacity:0; transform:translate( 50px, -145px); } 25% { opacity:1; transform:translate( 3.6px, 4.1px); } 30% { opacity:1; transform:translate( 2.4px, 2.7px); } 35% { opacity:1; transform:translate( 0, 0); } 40% { opacity:1; transform:translate( -1px, -1.2px); } 45% { opacity:1; transform:translate( -0.7px, -0.8px); } 50% { opacity:1; transform:translate( 0, 0); } 55% { opacity:1; transform:translate( 0.3px, 0.3px); } 60% { opacity:1; transform:translate( 0.2px, 0.2px); } 65% { opacity:1; transform:translate( 0, 0); } 70% { opacity:1; transform:translate( 0, 0); } 75% { opacity:1; transform:translate( 0, 0); } 80% { opacity:1; transform:translate( 0, 0); } 85% { opacity:1; transform:translate( 0, 0); } 90% { opacity:1; transform:translate( 0, 0); } to { opacity:1; transform:translate( 0, 0); } } @keyframes open-6 { from { opacity:0; transform:translate( -235px, -145px); } 25% { opacity:1; transform:translate( 0, 0); } 30% { opacity:1; transform:translate( 9.3px, 4.1px); } 35% { opacity:1; transform:translate( 6.1px, 2.7px); } 40% { opacity:1; transform:translate( 0, 0); } 45% { opacity:1; transform:translate( -2.7px, -1.2px); } 50% { opacity:1; transform:translate( -1.7px, -0.8px); } 55% { opacity:1; transform:translate( 0, 0); } 60% { opacity:1; transform:translate( 0.8px, 0.3px); } 65% { opacity:1; transform:translate( 0.5px, 0.2px); } 70% { opacity:1; transform:translate( 0, 0); } 75% { opacity:1; transform:translate( -0.2px, -0.1px); } 80% { opacity:1; transform:translate( -0.1px, -0.1px); } 85% { opacity:1; transform:translate( 0, 0); } 90% { opacity:1; transform:translate( 0.1px, 0); } 95% { opacity:1; transform:translate( 0.1px, 0); } to { opacity:1; transform:translate( 0, 0); } } @keyframes open-7 { from { opacity:0; transform:translate( -210px, -145px); } 25% { opacity:1; transform:translate( 15.6px, 4.1px); } 30% { opacity:1; transform:translate( 10.3px, 2.7px); } 35% { opacity:1; transform:translate( 0, 0); } 40% { opacity:1; transform:translate( -4.5px, -1.2px); } 45% { opacity:1; transform:translate( -2.9px, -0.8px); } 50% { opacity:1; transform:translate( 0, 0); } 55% { opacity:1; transform:translate( 1.3px, 0.3px); } 60% { opacity:1; transform:translate( 0.8px, 0.2px); } 65% { opacity:1; transform:translate( 0, 0); } 70% { opacity:1; transform:translate( -0.4px, -0.1px); } 75% { opacity:1; transform:translate( -0.2px, -0.1px); } 80% { opacity:1; transform:translate( 0, 0); } 85% { opacity:1; transform:translate( 0.1px, 0); } 90% { opacity:1; transform:translate( 0.1px, 0); } to { opacity:1; transform:translate( 0, 0); } } @keyframes open-8 { from { opacity:0; transform:translate( -400px, -145px); } 25% { opacity:1; transform:translate( 22.2px, 4.1px); } 30% { opacity:1; transform:translate( 14.6px, 2.7px); } 35% { opacity:1; transform:translate( 0, 0); } 40% { opacity:1; transform:translate( -6.4px, -1.2px); } 45% { opacity:1; transform:translate( -4.2px, -0.8px); } 50% { opacity:1; transform:translate( 0, 0); } 55% { opacity:1; transform:translate( 1.8px, 0.3px); } 60% { opacity:1; transform:translate( 1.2px, 0.2px); } 65% { opacity:1; transform:translate( 0, 0); } 70% { opacity:1; transform:translate( -0.5px, -0.1px); } 75% { opacity:1; transform:translate( -0.3px, 0); } 80% { opacity:1; transform:translate( 0, 0); } 85% { opacity:1; transform:translate( 0.2px, 0); } 90% { opacity:1; transform:translate( 0, 0); } to { opacity:1; transform:translate( 0, 0); } } @keyframes open-9 { from { opacity:0; transform:translate( -500px, -145px); } 25% { opacity:1; transform:translate( 28.9px, 4.1px); } 30% { opacity:1; transform:translate( 19.0px, 2.7px); } 35% { opacity:1; transform:translate( 0, 0); } 40% { opacity:1; transform:translate( -8.3px, -1.2px); } 45% { opacity:1; transform:translate( -5.4px, -0.8px); } 50% { opacity:1; transform:translate( 0, 0); } 55% { opacity:1; transform:translate( 2.4px, 0.3px); } 60% { opacity:1; transform:translate( 1.6px, 0.2px); } 65% { opacity:1; transform:translate( 0, 0); } 70% { opacity:1; transform:translate( -0.7px, -0.1px); } 75% { opacity:1; transform:translate( -0.4px, -0.1px); } 80% { opacity:1; transform:translate( 0, 0); } 85% { opacity:1; transform:translate( 0.2px, 0); } 90% { opacity:1; transform:translate( 0.1px, 0); } to { opacity:1; transform:translate( 0, 0); } } /*-----------------------------------------------*/