﻿#Header{position:relative;top:0;left:0;width:100%;}
#Topping{position:relative;z-index:100;-webkit-animation:1s fadeInDown both ease-out 0.2s;animation:1s fadeInDown both ease-out 0.2s;}
#Topping:after{content:"";display:block;clear:both;height:0;}
#Topping .TM{position:relative;display:flex;align-items:center;margin:0 auto;width:1160px;}
#Logo1{height:90px;}
#Logo1 img{height:100%;}
#Menu9{flex-grow:1;}
#Menu9 .L1s{display:flex;justify-content:flex-end;}
#Menu9 .L1{position:relative;z-index:101;padding:0 10px;height:100px;line-height:100px;}
#Menu9 .L1::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:0 auto;text-align:center;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
#Menu9 .L1:hover{line-height:140px;}
#Menu9 .L1:hover::before{background-repeat:no-repeat;background-position:center 15px;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
#Menu9 .L1 .Imgs{margin:-10px auto 0;}
#Menu9 .L1 img{display:block;margin:0 auto;}
#Menu9 .L1 a{display:block;}
#Menu9 .L1 .L1s{flex-wrap:wrap;position:absolute;top:100px;right:-30px;left:-30px;z-index:100;text-align:center;}
#Menu9 .L1 .L1s .L1{display:none;padding:10px 5%;width:90%;height:auto;border-width:0 0 1px;border-style:solid;-webkit-transition:all 0.2s;transition:all 0.2s;}
#Menu9 .L1s > .L1 .L1s .Title{display:block;line-height:2;}
#Menu9 .L1s > .L1:hover .L1{display:block;}
#Menu9 .L1s > .L1 .L1s .L1:hover::before{background-image:none;}
#CartB1 a{display:block;width:40px;height:35px;background-repeat:no-repeat;background-position:center;background-size:40px;}
#CartB1 .Title{display:none;}
#CartB1 .Qty{margin:0 0 0 3px;height:20px;line-height:5px;font-size:1.3rem;font-family:Arial;text-align:center;-webkit-border-radius:50%;border-radius:50%;}
#AcctB1 .L1s .L1 a{display:block;width:40px;height:35px;text-indent:-9999px;background-repeat:no-repeat;background-position:center;background-size:40px;}
#Topping.topping{position:fixed;top:0;right:0;left:0;z-index:10;}
#Topping.topping div{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#Topping.topping #Logo1{height:45px;}
#Topping.topping #Menu9 .L1{padding:10px;height:45px;line-height:45px;}
#Topping.topping #Menu9 .Imgs{display:none;}
#Topping.topping #Menu9 .L1 .L1s{top:65px;}
#Topping.topping #Menu9 .L1 .L1s .L1{height:auto;}
@media screen and (min-width:960px) and (max-width:1249px){
	#Topping .TM{width:99%;}
	#Logo1{padding:10px 0;height:60px;}
	#Menu9 .L1{padding:0 8px;height:65px;line-height:65px;}
	#Menu9 .L1:hover{line-height:95px;}
	#Menu9 .L1:hover::before{height:65px;background-position:center 0px;}
	#Menu9 .L1 a{font-size:1.5rem;}
	#Menu9 .L1 .L1s{top:65px;}
	#Menu9 .L1 .L1s .L1:hover::before{height:100%;line-height:65px;}
}

