/* BASIC css start */
#footer {margin:0 !important; }
#container {margin-top:16px; }

.landing ul {display: flex;align-items: flex-start;justify-content: flex-start; flex-direction: column;}
.landing ul li {height: 50vh;width:100%;;}
.landing ul li a {width:100%;height: 100%;display: flex;align-items: flex-end;justify-content: center;box-sizing: border-box;padding-bottom:10%; background-repeat:no-repeat;background-size:cover;background-position:center; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease;  transition: all 700ms ease}
.landing ul li a .txt {text-align:center;display:flex;flex-direction: column;align-items: center;justify-content: space-between;height: 50%;}
.landing ul li a .txt .tt {font-size:32px; color:#fff; font-weight:400}
.landing ul li a .txt .link {display:flex;justify-content: center; align-items: center;  width:152px; height: 42px; border: 2px solid rgba(255, 255, 255, 0.5); color:#fff; font-size:12px; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease;  transition: all 700ms ease;}

.landing ul #jsm a { background-image:url(/design/jsmbeauty/img/brand/img_landing01_m.jpg)}
.landing ul #bs a { background-image:url(/design/jsmbeauty/img/brand/img_landing02_m.jpg)}
.landing ul #sz a { background-image:url(/design/jsmbeauty/img/brand/img_landing03_m.jpg)}
.landing ul #kids a { background-image:url(/design/jsmbeauty/img/brand/img_landing04_m.jpg)}

/* BASIC css end */