body,html{margin:0;padding:0;line-height:1.2;word-wrap:break-word;font:15px/20px Microsoft Yahei,Helvetica Neue,Arial,Liberation Sans,FreeSans,Hiragino Sans GB,sans-serif}a{color:#666;background-color:transparent}a,a:hover{text-decoration:none}a:hover{color:#333}.cursor-pointer{cursor:pointer}body img{max-width:100%}.navbar-nav{max-width:1280px}footer{font-size:1.1rem;line-height:1.2rem;background:#1d1d1d url(footbg.png) 0 0}footer,footer a{color:#c8c8c9}footer a:hover{color:#fff}.footnote h3{margin:90px 0 35px;font:3.2rem/3.3rem Microsoft Yahei}.footnote p{line-height:1.3rem}footer #footproduct{font-size:1rem;line-height:1.8rem;border-bottom:1px solid #4c4a4a;border-top:1px solid #4c4a4a}#footproduct li{padding-left:8%}.product h2{line-height:4rem}.product h3 a{font-size:1.1rem;padding-left:1.3rem}.gobacktop{z-index:1030;width:50px;display:none}.gobacktop span{opacity:.7;border:1px solid #333;background:#000}.gobacktop span:hover{opacity:1}
@media (max-width:992px){nav ul li{border-top:1px solid #dedede}footer{padding:1rem}.footnote h3{font-size:1.4rem;line-height:2rem;margin:1rem}.footnote p{margin:1rem;font-size:1rem}.copyright,.product h2,.product h3{text-align:center}.product_featured{margin-top:1.5rem}.product_featured br{display:none}.product_featured .col-lg-4{margin-top:1.5rem}.ornaments img{width:100%}.ornaments .col-lg-5{margin:1.5rem auto}.navbar-nav .nav-item{padding-left:2rem}
.dropdown-menu {display: block;line-height:2rem;border:none;background-color:transparent;border-radius:0;padding:0 0 1.5rem 0}.dropdown-item{padding:0}
#shockproof{padding-top:1rem;background: url('shockproof.svg') no-repeat 0 1.5rem}
#leather{padding-top:1rem;background: url('leather.svg') no-repeat 0 1.5rem}
#Rhinestone{padding-top:1rem;background: url('Rhinestone.svg') no-repeat 0 1.5rem}
#Flagship{background: url('Flagship.svg') no-repeat 0 .5rem}
#more{padding-top:1rem;background: url('more.svg') no-repeat 0 1.5rem}
#Accessories{padding-top:1rem;background: url('Accessories.svg') no-repeat 0 1.5rem}
.gobacktop{bottom:2rem;right:1%}
}
@media (min-width:992px){
nav{height:4rem;line-height:4.2rem}footer{height:550px;padding:60px}.footnote h3{width:860px}.footnote p{width:620px}.img{transition:all .85s;-webkit-transition:all .85s;transition:transform .5s ease-in-out;background:#f0f0f0;filter:alpha(Opacity=60);-moz-opacity:.6;opacity:.6}.imgscale{transform:scale(1.12);filter:alpha(Opacity=100);-moz-opacity:1;opacity:1}.navbar-nav .nav-item{padding-left:1.2rem}

#shockproof{background: url('shockproof.svg') no-repeat 0 50%}
#leather{background: url('leather.svg') no-repeat 0 50%}
#Rhinestone{background: url('Rhinestone.svg') no-repeat 0 50%}
#Flagship{background: url('Flagship.svg') no-repeat 0 50%}
#more{background: url('more.svg') no-repeat 0 50%}
#Accessories{background: url('Accessories.svg') no-repeat 0 50%}
.dropdown:hover .dropdown-menu {display: block;line-height: 2.5rem;}
.dropdown-menu{background-color: rgba(250, 250, 250, 0.85);border:none;top:80%}
.gobacktop{bottom:10rem;left:51%;margin-left:790px}
#Flagship .dropdown-menu{width:400px}
#Flagship .dropdown-menu .dropdown-item{display:inline-block}
}


#home{background: url('home.svg') no-repeat .3rem 55%}
#about{background: url('about.svg') no-repeat 0 50%}
#contact{background: url('contact.svg') no-repeat 0 50%}
#down{background: url('down.svg') no-repeat .2rem 55%}
.dropdown-menu a:hover{ color:#F05}