﻿#Topping .TM{display:flex;flex-wrap:wrap;align-items: center;justify-content:space-between;margin:0 auto;width:1160px;}
#Logo1{padding:5px 0;height:85px;max-width:300px;}
#Logo1 img{height:100%;}
#Menu9 .L1s{display:flex;}
#Menu9 .L1{position:relative;z-index:5;padding:10px 0;width:95px;text-align:center;box-shadow:0 0 1px rgba(0, 0, 0, 0);
-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);
-webkit-transition-property:color;transition-property:color;
-webkit-transition-duration:0.5s;transition-duration:0.5s;
}
#Menu9 .L1:hover{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
#Menu9 .L1:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
#Menu9 .L1:hover:before,#Menu9 .L1:focus:before,#Menu9 .L1:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
#Menu9 .L1 img{display:block;margin:0 auto;}
#Topping.topping{position:fixed;top:0;right:0;left:0;z-index:10;}
#Topping.topping div{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
#Topping.topping #Logo1{height:45px;max-width:200px;}
#Topping.topping #Menu9 .Imgs{display:none;}
@media screen and (min-width:960px) and (max-width:1249px){
	#Topping .TM{width:850px;}
	#Menu9 .L1{width:90px;}
}
@media screen and (max-width:959px){
	#Topping .TM{width:85%;}
}