/* BASIC css start */
/* °øÅë */
.clearFix::after {
    content: "";
    display: block;
    clear: both;
}


/*.SP_layoutFix {
    width: calc(100% - 320px) !important;
    margin:0 auto;
}*/

/* ½ºÅ©·Ñcss */
#header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 899;
    width: 100%;
    margin-top:0;
}

.top-bn{display:flex;position:absolute;top:0;left:0;width:100%;height:100px;align-items:center;justify-content:center;}
/*.top-bn .swiper, .top-bn .swiper-slide{width:100%;height:100%;}*/
.top-bn a{position:relative;width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}
.top-bn a .bg{width:100%;max-width:1920px;height:100%;}
/*.top-bn .s1 a .bg{width:100%;max-width:1920px;height:100%;background:url(/design/sillajewel/img/main/top-bn.jpg) no-repeat center;background-size:cover;}
.top-bn .s2 a .bg{width:100%;max-width:1920px;height:100%;background:url(/design/sillajewel/img/main/top-bn.jpg) no-repeat center;background-size:cover;}*/
.top-bn a span{font-weight:500;font-size:16px;}

#header{display:flex;width:100%;height:80px;margin-top:20px;margin-bottom:5px;background: rgba(255, 255, 255, 0.85);align-items:center;justify-content:center;}
#header .inner{width:1600px;margin:0 auto;}
#header a{font-weight:600;font-size:15px;color:#000;}
#header .menu{height:100%;}
#header .menu ul{height:100%;}
#header .menu li{display:flex;height:100%;margin:0 15px;align-items:center;}
#header .menu li.bar{position: relative;margin: 0 15px 0 45px;}
#header .menu li.bar::before{content:'£ü';position: absolute;top: 50%;left: -35px;font-size: 16px;color: #fff;transform: translateY(-50%);}

#header .menu, #header h1, #header .icon-lst{height:100%;}
#header .menu>ul li:hover a{display:inline-block;transform:scale(1.1);}
#header .menu li::first-child{margin:0 15px 0 0;}
#header .menu li::last-child{margin:0 0 0 15px;}
#header .SP_srh_submit_btn img{width:20px;}
#header h1 a{display:flex;width:100%;height:100%;align-items:center;}
#header h1 img{width:146px;}
#header .icon-lst ul{height:100%;}
#header .icon-lst ul li:nth-child(2){margin:0 15px;}
#header .icon-lst ul li a{position:relative;}
#header .cartCount{display: inline-block;position: absolute;width: 17px;height: 17px;background: #b9e3f9;color: #000;text-align: center;line-height: 17px;top: -6px;border-radius: 100%;right: -17px;font-weight: bold;font-size: 8px;}

#header .depth2{display:none;position:absolute;top:70px;left:0;z-index:999;width:100%;align-items: flex-start;justify-content: center;background-color:rgba(255,255,255,0.85);opacity:0;}
#header.fixed .depth2{top:80px;}
#header .depth2-in{display:flex;width:1200px;justify-content:space-between;}
#header .depth2-cate{width:33%;margin:40px 30px;border-right:1px solid rgba(0,0,0,.05);}
#header .depth2-cate:first-child{border-left:1px solid rgba(0,0,0,.05);}
#header .depth2-cate h2{margin-bottom:20px;font-size:15px;font-weight:500;color:#000;}
#header .depth2-cate li{margin:15px 0;}
#header .depth2-cate li a{font-size:13px;color:#292929;font-weight:500;}
#header .depth2-cate .con-wrap .con-bx{display:flex;margin:15px 0;align-items:center;}
#header .depth2-cate .con-wrap .con-bx ul{display:flex;align-items:center;}
#header .depth2-cate .con-wrap .con-bx ul li{margin:0 10px;}
#header .depth2-cate .con-wrap .con-bx h3, #header .depth2-cate .con-wrap .con-bx h3 a{width:33.3%;font-size:12px;font-weight:500;color:#555;}
#header .depth2-cate .con-wrap li a{font-size:13px;font-weight:400;}
#header .depth2.cate-on{display:flex;opacity:1;animation:opacity .5s forwards;}
#header .menu-abt .depth2-cate{text-align:center;}
#header .menu-brd .depth2-cate{text-align:center}
#header .menu-maga .depth2-cate{text-align:center}
#header .menu-comm .depth2-cate{text-align:center}
#header .menu-promo .depth2-cate{text-align:center}
#header .menu-prd .depth2-cate{text-align:center}



#header .depth2-cate li:hover a{display:inline-block;transform:scale(1.2);}

@keyframes opacity{
   from {
		opacity: 0;
	
	}
	to {
		opacity: 1;
		
	}

}

#header .menu-abt .depth2-cate li a{color:#555;}

@media screen and (max-width:1600px){

    #header .inner{width:100%;padding:0 30px;}
    #header a{font-size:13px;}
   
}
/* BASIC css end */