﻿#Topping{position:relative;top:0;right:0;left:0;z-index:3;width:100%;background-image:url(/s/r/i/Header-bg.png);animation:0.8s fadeInDown both ease-out 0.2s;}
#Topping .TT{position:relative;margin:0 0 5px;height:35px;}
#Topping .TT:after{content:'';position:absolute;right:0;bottom:-5px;left:0;z-index:-1;width:100%;height:5px;}
#Topping .TM,#Menu11{display:inline-flex;justify-content:center;padding:0 9.5%;margin:0 auto;width:100%;box-sizing:border-box;}
#Menu11{padding:0 10%;}
#Menu11 .L1s{display:inline-flex;justify-content:flex-start;width:100%;}
#Menu11 .L1{height:35px;line-height:35px;font-size:1.4rem;}
#Menu11 .L1 a{display:block;padding:0 8px;}
#Menu11 .L1.i1{margin-right:auto;}
#Logo1{flex:none;z-index:11;height:80px;transition:all 1s ease-out;}
#Logo1 img{width:100%;}
#Menu9L,
#Menu9R{position:relative;display:inline-flex;flex:1;justify-content:space-between;}
#Menu9L .L1s,
#Menu9R .L1s{display:flex;width:100%;}
#Menu9L .L1,
#Menu9R .L1{position:relative;display:flex;flex:1;justify-content:center;align-items:center;border-width:0 1px 0 0;border-style:solid;}
#Menu9L .L1:last-child,
#Menu9R .L1:last-child{border-width:0;}
#Menu9L .L1:hover,
#Menu9R .L1:hover{transition:all 0.8s ease-out;}
#Menu9L .L1:after,
#Menu9R .L1:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;transition:all 0.3s ease;}
#Menu9L .L1:hover:after,
#Menu9R .L1:hover:after{left:0;width:100%;}
#Menu9L .L1 .Imgs,
#Menu9R .L1 .Imgs{line-height:1;text-align:center;}
#Menu9L .L1 .Title,
#Menu9R .L1 .Title{display:inline-flex;align-items:center;line-height:1;font-size:1.9rem;height:100%;}
#Menu9L .L1 .Description,
#Menu9R .L1 .Description{line-height:1;font-size:1.2rem;}
#Menu9L .L1 .L1s,
#Menu9R .L1 .L1s{position:absolute;top:100%;right:50%;left:50%;z-index:10;display:flex;flex-direction:column;min-width:200px;text-align:center;transform:translate(-50%);}
#Menu9L .L1 .L1s .L1,
#Menu9R .L1 .L1s .L1{display:none;padding:5px 2%;margin:0;border-width:0 0 1px;border-style:solid;transition:all 0.2s;}
#Menu9L .L1s > .L1 .L1s .Title,
#Menu9R .L1s > .L1 .L1s .Title{display:block;line-height:2;}
#Menu9L .L1s > .L1:hover .L1,
#Menu9R .L1s > .L1:hover .L1{display:block;border-width:0 0 1px;border-style:solid;}
#Menu9L .L1s > .L1 .L1s .L2,
#Menu9R .L1s > .L1 .L1s .L2{padding:3px 15px;text-align:left;}

#Menu9R .L1s > .L1:hover .L1s .L1:hover{position:relative;}
#Menu9R .L1s > .L1:hover .L1s .L1:hover .L2s{position:absolute;top:0;left:100%;width:100%;}
#Menu9R .L1s > .L1:hover .L1s .L1:hover .L2s .L2{display:block;}

#Menu9R .L1s.DDSA,
#Menu9L .L1s.DDSA{display:flex;flex-wrap:wrap;align-items:flex-start;flex-direction:row;z-index:99;width:700px;}
#Menu9R .L1s.DDSA .L1,#Menu9L .L1s.DDSA .L1{flex-wrap:wrap;flex-direction:column;align-items:flex-start;border:0;}
#Menu9L .L1s.DDSA .L1,
#Menu9R .L1s.DDSA .L1{padding:5px 0;margin:0 3% 10px 3%;border-width:0 0 1px;border-style:solid;}
#Menu9L .L1s.DDSA .L1 .Title,
#Menu9R .L1s.DDSA .L1 .Title{line-height:2.5;text-align:left;}
#Menu9R .L1s.DDSA .L1 .L2s .L2 .Title,
#Menu9L .L1s.DDSA .L1 .L2s .L2 .Title{line-height:2;font-size:1.6rem;}

#Topping.topping{position:fixed;}
#Topping.topping .TT{display:none;}
#Topping.topping #Logo1{height:55px;}
#Topping.topping #Logo1 img{width:auto;height:100%;}
#Topping.topping #Menu9L,
#Topping.topping #Menu9R{height:55px;}
#Topping.topping #Menu9L .L1 .Imgs,
#Topping.topping #Menu9R .L1 .Imgs{display:none;}
@media screen and (min-width:960px) and (max-width:1249px){
	#Menu11{padding:0 7.5%;}
	#Topping .TM{padding:0 6%;}
	#Logo1 img{height:120px;}
	
	#Menu9L .L1 .Title,
	#Menu9R .L1 .Title{font-size:1.65rem;}
	#Topping.topping #Menu9L,
	#Topping.topping #Menu9R{height:50px;}
}