﻿#CommonFixedTopMenu{  height: 100%;position: absolute;right:0;text-align: right;top: 0;width:65%;z-index: 2}
#CommonFixedTopMenu .menus{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;
                           color: inherit;display: block;float: right;height: 100%;padding-bottom: 0;padding-top: 0;
                           position: relative;text-align: center;width: 50px;z-index: 1}
#CommonFixedTopMenu span.top{background-position: center center;background-repeat: no-repeat;background-size: cover;display: inline-block;height: 100%;padding-bottom: 0;position: relative;width: 100%;z-index: 1}

#CommonFixedTopMenu span{position: relative}
#CommonFixedTopMenu span.home{background:url(home.png) no-repeat top 8px center;background-size:35px 35px}
#CommonFixedTopMenu span.home:hover{background:url(home-hv.png) no-repeat  top 8px center;background-size:35px 35px}
#CommonFixedTopMenu span.homepage{background:url(home-hv.png) no-repeat  top 8px center;background-size:35px 35px}
#CommonFixedTopMenu span.menu{background:url(bgMenu.png) no-repeat  top 8px center;background-size:35px 35px}
#CommonFixedTopMenu span.menu:hover{background:url(bgMenu_hv1.png) no-repeat  top 8px center;background-size:35px 35px}
#CommonFixedTopMenu span.lang{background:url(en.png) no-repeat  top 8px center;background-size:35px 35px}
#CommonFixedTopMenu span.lang:hover{background:url(en.png) no-repeat  top 8px center;background-size:35px 35px}
#CommonFixedTopMenu span.search{background:url(bgSearch.png) no-repeat  top 8px center;background-size:35px 35px}
#CommonFixedTopMenu span.search:hover{background:url(bgSearch_hv.png) no-repeat  top 8px center;background-size:35px 35px}
#CommonFixedTopMenu span.link{background:url(bgLink.png) no-repeat  top 8px center;background-size:50% 50%}
#CommonFixedTopMenu span.link:hover{background:url(bgLink_hv.png) no-repeat  top 8px center;background-size:50% 50%}

#CommonFixedTopMenu span.text{ font: 10px RobotoCondensed;position: absolute;top: 48px;width: 100%;left: 0}



#FloatMenu{width:65%;height:100%;position:fixed;z-index:9;top:0;right:-84%;background: #dd1b22;overflow-y:auto}
#FloatMenu .CateMenu ul{ margin: 0;padding: 0}
#FloatMenu .CateMenu ul ul{ border-bottom: none;display: none}
#FloatMenu .CateMenu>ul>li{ border-bottom: 1px solid #f8474d;/*text-indent: 5px*/;border-top: 1px solid #9a1318;list-style:none}
#FloatMenu .CateMenu li li{ padding: 8px 0;}
#FloatMenu .CateMenu .ul1 li{ /*text-indent: 20px;*/background: url(dot.png) no-repeat 20px 16px;padding-left: 30px;background-size: 5px 5px}
#FloatMenu .CateMenu .ul2 li{ text-indent: 30px;background: url(iconv.png) no-repeat 20px 19px}
#FloatMenu .CateMenu .dot_sub{ background: url(add.png) no-repeat center;width: 12px;height: 12px;display: block;float: right;margin: 17px 10px 0px 0px;cursor: pointer}
#FloatMenu .CateMenu .active ~ .dot_sub{ background-image: url(sub.png) ;}
#FloatMenu .CateMenu li a{ font: 15px/23px Roboto;color: #fff;}
#FloatMenu .CateMenu li:hover>a{ color: #fff; }
#FloatMenu .CateMenu li .top {font:  15px/20px RobotoBold;text-transform: uppercase;color: #fff;padding: 12px 0;display: inline-block;padding-left: 5px;background: url(iconv.png) no-repeat left 10px center;padding-left: 20px}
#FloatMenu .CateMenu .active{ color: #ffea00 !important;background: url(iconv1.png) no-repeat left 10px center!important;}
#FloatMenu .CateMenu .active ~ ul{background: #990021}
#FloatMenu .CateMenu ul ul .dot_sub{margin: 0 10px}

