﻿.menu{position:relative;width:960px;height:33px;z-index:10;font-family:arial,sans-serif;margin-top:-2px;background:transparent;list-style:none;padding:0;box-shadow:0 15px 10px -8px rgba(0,0,0,0.8)}.menu ul{padding:0;margin:0;list-style:none}.menu li.main{float:left;margin-left:10px}.menu li.main>a{display:block;padding:0 7px;color:#fff;text-decoration:none;font:bold .93em/3.0em arial,sans-serif}.menu .holder{position:absolute;top:35px;left:-9999px;width:960px;padding:-2px 0;z-index:10;text-align:center}.menu .holder .back{position:absolute;left:0;top:-2px;width:962px;height:100%;background:#000;opacity:o;padding-bottom:8px;-o-border-radius:0 0 8px 8px;-ms-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .25s linear;-ms-transition:-ms-transform .25s linear;-o-transition:-o-transform .25s linear;-webkit-transition:-webkit-transform .25s linear;transition:transform .25s linear}div.framey{display:inline-block;background:#fff;padding:10px;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:2px 2px 4px rgba(0,0,0,0.3);box-shadow:2px 2px 4px rgba(0,0,0,0.3);-moz-transform:scaleY(0.1);-ms-transform:scaleY(0.1);-o-transform:scaleY(0.1);-webkit-transform:scaleY(0.1);transform:scaleY(0.1);-moz-transition:-moz-transform 0s linear 0s;-ms-transition:-ms-transform 0s linear 0s;-o-transition:-o-transform 0s linear 0s;-webkit-transition:-webkit-transform .5s linear 0s;transition:transform 0s linear 0s}div.framey{*display:inline}div.framex{display:inline-block;position:relative;-moz-transform:scaleX(0.1);-ms-transform:scaleX(0.1);-o-transform:scaleX(0.1);-webkit-transform:scaleX(0.1);transform:scaleX(0.1);-moz-transition:-moz-transform 0s linear 0s;-ms-transition:-ms-transform 0s linear 0s;-o-transition:-o-transform 0s linear 0s;-webkit-transition:-webkit-transform 0s linear 0s;transition:transform 0s linear 0s}div.framex{*display:inline}.menu .holder .framex .subContent{opacity:0;margin:0 auto;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.menu li.main:hover{direction:ltr}.menu li.main:hover>a{color:#fff;background:#808080;height:33px}.menu li.main:hover .holder{left:0}.menu li.main:hover .holder .back{left:0;opacity:.7;filter:alpha(opacity=70);filter:alpha(opacity=70);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1);-moz-transition:-moz-transform .25s linear;-ms-transition:-ms-transform .25s linear;-o-transition:-o-transform .25s linear;-webkit-transition:-webkit-transform .25s linear;transition:transform .25s linear}.menu li.main:hover .holder .framex{-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:-moz-transform .5s linear .75s;-ms-transition:-ms-transform .5s linear .75s;-o-transition:-o-transform .5s linear .75s;-webkit-transition:-webkit-transform .5s linear .75s;transition:transform .5s linear .75s}.menu li.main:hover .holder .framey{-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:-moz-transform .5s linear .25s;-ms-transition:-ms-transform .5s linear .25s;-o-transition:-o-transform .5s linear .25s;-webkit-transition:-webkit-transform .5s linear .25s;transition:transform .5s linear .25s;box-shadow:3px 3px 3px 3px rgba(0,0,0,0.2)}.menu li.main:hover .holder .framey .subContent{opacity:1;-webkit-transition-delay:1.25s;-moz-transition-delay:1.25s;-ms-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s}ul.sub{text-align:left}ul.sub h5{padding:4px 5px 3px 5px;margin:4px 0 6px 0;text-align:center;color:#007fff;background-color:#ccc;font-size:11px!important;font-weight:600;width:170px;line-height:16px;box-shadow:2px 2px 10px rgba(0,0,0,0.4)}ul.sub li.sub{width:200px;float:left}ul.sub li.bottomLine{clear:left;padding-top:5px}ul.sub li.bottomLine p{font:bold 12px/18px arial,sans-serif;color:#666;padding:0;margin:0}ul.sub li.bottomLine a{color:#007fff}ul.sub li.sub ul li a{font:bold 12px/18px arial,sans-serif;color:#161616;text-decoration:none;padding:0 10px 0 0}ul.sub li.sub ul li a:hover{text-decoration:underline}