You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1925 lines
30 KiB
CSS
1925 lines
30 KiB
CSS
/*--A Design by W3layouts
|
|
Author: W3layout
|
|
Author URL: http://w3layouts.com
|
|
License: Creative Commons Attribution 3.0 Unported
|
|
License URL: http://creativecommons.org/licenses/by/3.0/
|
|
--*/
|
|
body{
|
|
background: #fff;
|
|
font-family: 'Open Sans', sans-serif;
|
|
}
|
|
body a{
|
|
transition: 0.5s all;
|
|
-webkit-transition: 0.5s all;
|
|
-o-transition: 0.5s all;
|
|
-ms-transition: 0.5s all;
|
|
-moz-transition: 0.5s all;
|
|
}
|
|
.top-header{
|
|
background: #F97E76;
|
|
padding: 0.7em 0;
|
|
}
|
|
.top-header-left{
|
|
float: left;
|
|
}
|
|
ul.support{
|
|
padding: 0 1em 0 0em;
|
|
margin: 0;
|
|
float: left;
|
|
}
|
|
ul.support li{
|
|
display: inline-block;
|
|
}
|
|
ul.support li label{
|
|
background: url(../images/img-sprite.png)-2px -27px;
|
|
width: 32px;
|
|
height: 30px;
|
|
display:inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
ul.support li.van a label{
|
|
background-position: -46px -25px;
|
|
}
|
|
ul.support li a {
|
|
text-decoration:none;
|
|
font-size: 1.1em;
|
|
color: #fff;
|
|
|
|
}
|
|
.top-header-right{
|
|
float:right;
|
|
margin: 0 1.5em 0 0;
|
|
}
|
|
/* PREFIXED CSS */
|
|
.dropdown,
|
|
.dropdown div,
|
|
.dropdown li,
|
|
.dropdown div::after,
|
|
.dropdown .carat,
|
|
.dropdown .carat:after,
|
|
.dropdown .selected::after,
|
|
.dropdown:after{
|
|
-webkit-transition: all 150ms ease-in-out;
|
|
-moz-transition: all 150ms ease-in-out;
|
|
-ms-transition: all 150ms ease-in-out;
|
|
transition: all 150ms ease-in-out;
|
|
}
|
|
.dropdown .selected::after,
|
|
.dropdown.scrollable div::after{
|
|
-webkit-pointer-events: none;
|
|
-moz-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
pointer-events: none;
|
|
}
|
|
/* WRAPPER */
|
|
.dropdown{
|
|
position: relative;
|
|
width:97px;
|
|
cursor: pointer;
|
|
font-weight: 200;
|
|
background:none;
|
|
padding: 8px 0px 8px;
|
|
color: #fff;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.dropdown.open{
|
|
z-index: 2;
|
|
}
|
|
/* CARAT */
|
|
.dropdown .carat,
|
|
.dropdown .carat:after{
|
|
position: absolute;
|
|
right:-15px;
|
|
top: 50%;
|
|
margin-top: -3px;
|
|
|
|
z-index: 1;
|
|
-webkit-transform-origin: 50% 20%;
|
|
-moz-transform-origin: 50% 20%;
|
|
-ms-transform-origin: 50% 20%;
|
|
transform-origin: 50% 20%;
|
|
}
|
|
.dropdown:hover .carat:after{
|
|
border-top-color: #f4f4f4;
|
|
}
|
|
.dropdown.focus .carat{
|
|
border-top-color: #f8f8f8;
|
|
}
|
|
.dropdown.focus .carat:after{
|
|
border-top-color: #0180d1;
|
|
}
|
|
.dropdown.open .carat{
|
|
-webkit-transform: rotate(180deg);
|
|
-moz-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
/* OLD SELECT (HIDDEN) */
|
|
.dropdown .old{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 0;
|
|
width: 0;
|
|
overflow: hidden;
|
|
}
|
|
.dropdown select{
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
.dropdown.touch select{
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
/* SELECTED FEEDBACK ITEM */
|
|
.dropdown .selected,
|
|
.dropdown li{
|
|
display: block;
|
|
font-size: 1em;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
font-weight: 600;
|
|
}
|
|
.dropdown .selected::after{
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 60px;
|
|
}
|
|
.dropdown:hover .selected::after,
|
|
.dropdown.focus .selected::after{
|
|
}
|
|
/* DROP DOWN WRAPPER */
|
|
.dropdown div{
|
|
position: absolute;
|
|
height: 0;
|
|
left: 25%;
|
|
right: 0;
|
|
top: 100%;
|
|
background:#fb4d01;
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
color:#fff;
|
|
width:90px;
|
|
}
|
|
.dropdown:hover div{
|
|
background:#4CB1CA;
|
|
}
|
|
/* Height is adjusted by JS on open */
|
|
.dropdown.open div{
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
/* FADE OVERLAY FOR SCROLLING LISTS */
|
|
.dropdown.scrollable div::after{
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 50px;
|
|
}
|
|
.dropdown.scrollable.bottom div::after{
|
|
opacity: 0;
|
|
}
|
|
/* DROP DOWN LIST */
|
|
.dropdown ul{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
list-style: none;
|
|
overflow: hidden;
|
|
padding:0;
|
|
background:#1DBAA5;
|
|
}
|
|
.dropdown.scrollable.open ul{
|
|
overflow-y: auto;
|
|
}
|
|
/* DROP DOWN LIST ITEMS */
|
|
.dropdown li{
|
|
list-style: none;
|
|
padding:8px;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
.dropdown li:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
/* .focus class is also added on hover */
|
|
.dropdown li.focus{
|
|
background:#F97E76;
|
|
position: relative;
|
|
z-index: 3;
|
|
color: #fff;
|
|
}
|
|
.dropdown li.active{
|
|
background:#F97E76;
|
|
color: #fff;
|
|
}
|
|
|
|
.down-top{
|
|
float: left;
|
|
}
|
|
.top-down{
|
|
padding: 0 0em 0 1em;
|
|
}
|
|
|
|
/*----*/
|
|
.bottom-header {
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 0.7em 0 1em;
|
|
}
|
|
.header-bottom-left{
|
|
float: left;
|
|
width: 45%;
|
|
}
|
|
.logo{
|
|
float:left;
|
|
width: 27%;
|
|
margin-top:9px;
|
|
}
|
|
.header-bottom-right{
|
|
float: right;
|
|
width: 55%;
|
|
position: relative;
|
|
}
|
|
ul.men-grid{
|
|
padding: 0;
|
|
margin: 0;
|
|
float:right;
|
|
}
|
|
ul.men-grid li{
|
|
display: inline-block;
|
|
padding: 2.4em 1em 0;
|
|
}
|
|
ul.men-grid li span{
|
|
background: url(../images/img-sprite.png)-117px -30px;
|
|
width: 26px;
|
|
height: 26px;
|
|
display: inline-block;
|
|
}
|
|
ul.men-grid li.login a span{
|
|
background-position: -143px -29px;
|
|
}
|
|
ul.men-grid li.cart a span{
|
|
background-position: -172px -28px;
|
|
}
|
|
ul.men-grid li a {
|
|
text-decoration:none;
|
|
font-size: 1.1em;
|
|
color: #000;
|
|
vertical-align: top;
|
|
}
|
|
ul.men-grid li a:hover{
|
|
color: #1DBAA5;
|
|
}
|
|
.sign-up-right a{
|
|
text-decoration:none;
|
|
font-size: 1.1em;
|
|
color: #000;
|
|
position: absolute;
|
|
top: 51%;
|
|
right: 25%;
|
|
}
|
|
ul.men-grid li.login{
|
|
padding: 2.4em 4.5em 0 0;
|
|
vertical-align: top;
|
|
}
|
|
.sign-up-right a:hover{
|
|
color: #1DBAA5;
|
|
}
|
|
|
|
/*----*/
|
|
.search {
|
|
background:#fff;
|
|
border: 1px solid #ddd;
|
|
position: relative;
|
|
width: 57%;
|
|
float: right;
|
|
margin: 1.7em 0 0;
|
|
}
|
|
.search input[type="text"] {
|
|
border: none;
|
|
outline: none;
|
|
background: none;
|
|
font-size:1em;
|
|
color:#777;
|
|
width:60%;
|
|
padding:7px;
|
|
-webkit-apperance:none;
|
|
margin:0;
|
|
-webkit-transition: all 0.5s ease-out;
|
|
-moz-transition: all 0.5s ease-out;
|
|
-ms-transition: all 0.5s ease-out;
|
|
-o-transition: all 0.5s ease-out;
|
|
}
|
|
.search input[type="submit"] {
|
|
border-left: 1px solid #ddd;
|
|
outline: none;
|
|
cursor: pointer;
|
|
width: 30.6%;
|
|
height: 35px;
|
|
padding: 7px;
|
|
background: none;
|
|
border-bottom: none;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
.search input[type="submit"]:active {
|
|
position:relative;
|
|
}
|
|
/*----*/
|
|
h3.cate {
|
|
color: #fff;
|
|
font-size: 1.7em;
|
|
padding: 0.6em ;
|
|
background: #000;
|
|
margin: 0;
|
|
}
|
|
/*----*/
|
|
ul.kid-menu{
|
|
display: block !important;
|
|
}
|
|
.menu {
|
|
width: auto;
|
|
height: auto;
|
|
padding: 0;
|
|
list-style: none;
|
|
margin: 0;
|
|
background: #FBFBFC;
|
|
}
|
|
ul {
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.menu > li > a {
|
|
width: 100%;
|
|
line-height: 3.5em;
|
|
text-indent: 1.2em;
|
|
display: block;
|
|
position: relative;
|
|
color: #000;
|
|
font-size: 1.1em;
|
|
text-decoration:none;
|
|
border-bottom: 1px solid #ddd;
|
|
font-weight:700;
|
|
}
|
|
.menu ul li a {
|
|
|
|
width: 100%;
|
|
display: block;
|
|
position: relative;
|
|
font-size:1.1em;
|
|
font-weight: 400;
|
|
color: #000;
|
|
text-decoration:none;
|
|
border-bottom: 1px solid #ddd;
|
|
font-weight:700;
|
|
line-height: 3.5em;
|
|
text-indent: 1.2em;
|
|
}
|
|
.menu ul li a:hover{
|
|
background: #1DBAA5;
|
|
}
|
|
.menu > li > a:hover, .menu > li > a.active {
|
|
background:#fff;
|
|
}
|
|
.menu ul.kid-menu li a{
|
|
border-bottom: none;
|
|
}
|
|
ul.kid-menu{
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
ul.kid-menu li{
|
|
list-style: none;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
ul.kid-menu li.menu-kid-left{
|
|
border-bottom:none;
|
|
}
|
|
ul.cute li{
|
|
background: #fff;
|
|
}
|
|
.arrow-img {
|
|
padding: 0em 0em 0 6.5em;
|
|
}
|
|
.img-arrow{
|
|
padding: 0 0 0 8em;
|
|
}
|
|
.img-left-arrow{
|
|
padding: 0 0 0 5.5em;
|
|
}
|
|
/*--menu--*/
|
|
/*----*/
|
|
.sub-cate,.slide-grid,.banner-bag,.banner-off{
|
|
float: left;
|
|
}
|
|
.top-nav{
|
|
border: 1px solid #ddd;
|
|
}
|
|
.sub-cate{
|
|
width: 27%;
|
|
margin: 2em 2em 0 0;
|
|
}
|
|
.banner-off{
|
|
width: 60%;
|
|
padding: 6em 0em 6em 2em;
|
|
}
|
|
.banner-matter {
|
|
padding: 4em 2em;
|
|
}
|
|
.shoes-grid{
|
|
width: 70%;
|
|
float: right;
|
|
}
|
|
.slide-grid{
|
|
width: 100%;
|
|
border: 1px solid #ddd;
|
|
margin: 2em 0;
|
|
}
|
|
.banner-off h2{
|
|
padding: 0em;
|
|
margin: 0;
|
|
font-size: 4.5em;
|
|
color: #01AFD1;
|
|
font-weight: 600;
|
|
}
|
|
.banner-off span{
|
|
font-size: 2em;
|
|
color:#323A45;
|
|
font-weight: 700;
|
|
}
|
|
.banner-off span b{
|
|
color:#F97E76;
|
|
}
|
|
.banner-off p{
|
|
font-size: 1em;
|
|
color:#323A45;
|
|
margin: 0;
|
|
width: 90%;
|
|
padding: 0 0 2em;
|
|
}
|
|
a.now-get{
|
|
font-size: 1.1em;
|
|
color:#fff;
|
|
padding:0.6em 0.8em;
|
|
background:#323A45;
|
|
text-decoration: none;
|
|
}
|
|
a.now-get2{
|
|
font-size: 1.1em;
|
|
color:#fff;
|
|
padding:0.6em 0.8em;
|
|
background:#F97E76;
|
|
text-decoration: none;
|
|
}
|
|
a.now-get:hover{
|
|
background: #0D3F84;
|
|
}
|
|
.wmuSlider {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.wmuSlider .wmuSliderWrapper article img {
|
|
max-width: 100%;
|
|
/*width: auto;
|
|
height: auto;*/
|
|
display:block;
|
|
}
|
|
/* Default Skin */
|
|
.wmuSliderPagination {
|
|
z-index: 2;
|
|
position: absolute;
|
|
right:1%;
|
|
bottom:0px;
|
|
}
|
|
ul.wmuSliderPagination {
|
|
padding:0;
|
|
}
|
|
.wmuSliderPagination li {
|
|
float: left;
|
|
margin: 0 8px 0 0;
|
|
list-style-type: none;
|
|
}
|
|
.wmuSliderPagination a {
|
|
display: block;
|
|
text-indent: -9999px;
|
|
background:#323A45;
|
|
height:12px;
|
|
width:12px;
|
|
border-radius: 30px;
|
|
-webkit-border-radius: 30px;
|
|
-moz-border-radius: 30px;
|
|
-o-border-radius: 30px;
|
|
-ms-border-radius: 30px;
|
|
}
|
|
.wmuSliderPagination a.wmuActive {
|
|
background:#989CA2;
|
|
}
|
|
.shoes-grid-left{
|
|
float:left;
|
|
}
|
|
.con-sed-grid{
|
|
border: 1px solid #ddd;
|
|
padding: 1.5em 1em 2em;
|
|
margin: 0em 31px 0 0;
|
|
float: left;
|
|
width: 48%;
|
|
}
|
|
.elit-grid{
|
|
float:left;
|
|
width: 49%;
|
|
}
|
|
.elit-grid h4{
|
|
margin: 0;
|
|
font-size: 1.3em;
|
|
color: #F97E76;
|
|
font-weight: 700;
|
|
}
|
|
.elit-grid span{
|
|
margin: 0;
|
|
font-size: 1.2em;
|
|
color: #000;
|
|
font-weight: 700;
|
|
}
|
|
.elit-grid p{
|
|
margin: 0;
|
|
font-size: 1em;
|
|
color: #000;
|
|
width: 80%;
|
|
padding: 0em 0 1.5em;
|
|
}
|
|
.shoe-left{
|
|
float: left;
|
|
}
|
|
.products{
|
|
width: 100%;
|
|
border: 1px solid #ddd;
|
|
float:left;
|
|
margin: 1.5em 0;
|
|
padding: 0.7em 1em ;
|
|
}
|
|
.grid-chain-bottom {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
.latest-product,.dolor-grid{
|
|
float:left;
|
|
}
|
|
.view-all,a.get-cart{
|
|
float:right;
|
|
padding: 0.4em 0.6em;
|
|
font-size: 1em;
|
|
}
|
|
a.view-all span{
|
|
background: url(../images/arrow2.png)0px 0px;
|
|
width: 15px;
|
|
height: 14px;
|
|
display:inline-block;
|
|
}
|
|
a.view-all{
|
|
text-decoration: none;
|
|
font-size: 1em;
|
|
color:#000;
|
|
font-weight:700;
|
|
}
|
|
a.all-product{
|
|
float:left;
|
|
}
|
|
h5.latest-product{
|
|
margin: 6px 0 0;
|
|
font-size: 1.3em;
|
|
color: #000;
|
|
font-weight: 700;
|
|
}
|
|
.grid-chain-bottom h6{
|
|
margin: 0;
|
|
font-size: 1.3em;
|
|
color: #000;
|
|
font-weight: 700;
|
|
padding: 0.8em 0.5em 0;
|
|
}
|
|
.chain-grid{
|
|
border: 1px solid #ddd;
|
|
position: relative;
|
|
float:left;
|
|
width: 30.7%;
|
|
margin: 0 31px 0 0;
|
|
}
|
|
.menu-chain{
|
|
width:100%;
|
|
margin: 2em 0;
|
|
}
|
|
.sed-left-top,.grid-top-chain{
|
|
margin: 0;
|
|
}
|
|
.star-price {
|
|
padding: 1em 0.5em;
|
|
}
|
|
.chain{
|
|
margin: 0 auto;
|
|
padding: 3em 0;
|
|
}
|
|
.chain-grid span.star{
|
|
background: url(../images/img-sprite.png)-208px -14px;
|
|
width: 52px;
|
|
height: 52px;
|
|
display: block;
|
|
position: absolute;
|
|
top: 2%;
|
|
right: 2%;
|
|
}
|
|
span.reducedfrom {
|
|
color: #555;
|
|
/*text-decoration: line-through;*/
|
|
/*margin-right: 8%;*/
|
|
font-size:1.1em;
|
|
}
|
|
span.actual {
|
|
font-weight: 500;
|
|
color:#1DBAA5;
|
|
font-weight: 700;
|
|
font-size:1.2em;
|
|
}
|
|
span.dolor-left-grid{
|
|
font-size: 1.7em;
|
|
}
|
|
.chain-watch h6{
|
|
padding: 0;
|
|
}
|
|
.chain-watch {
|
|
padding: 1em ;
|
|
}
|
|
.rating {
|
|
overflow: hidden;
|
|
display:block;
|
|
position:relative;
|
|
}
|
|
.rating-input {
|
|
position: absolute;
|
|
left: 0;
|
|
top: -50px;
|
|
}
|
|
.rating-star {
|
|
display: block;
|
|
width: 20px;
|
|
height: 17px;
|
|
background: url(../images/star.png) 0px 0px;
|
|
float:left;
|
|
}
|
|
.rating-star:hover {
|
|
background: url(../images/star.png) 0 -18px;
|
|
}
|
|
.rating-star1 {
|
|
display: block;
|
|
width: 20px;
|
|
height: 17px;
|
|
background: url(../images/a-star.png) 0 0px;
|
|
float: left;
|
|
}
|
|
.rating-star1:hover {
|
|
background: url(../images/a-star.png) 0 -20px;
|
|
}
|
|
/*--single--*/
|
|
.images_3_of_2 {
|
|
display: block;
|
|
float: left;
|
|
margin: 0 3.6% 0 0;
|
|
width: 36.2%;
|
|
}
|
|
.desc1 {
|
|
display: block;
|
|
float:left;
|
|
}
|
|
.span_3_of_2 {
|
|
width: 54.2%;
|
|
margin: 0 0em 0em 3em;
|
|
}
|
|
.single_top {
|
|
margin:3em 0;
|
|
}
|
|
ul.back{
|
|
padding:0;
|
|
list-style:none;
|
|
margin-bottom:1em;
|
|
border-bottom:1px solid rgb(208, 208, 208);
|
|
padding-bottom:1em;
|
|
}
|
|
ul.back li{
|
|
font-size:0.8125em;
|
|
color:#999;
|
|
}
|
|
ul.back li a{
|
|
color:#ffa687;
|
|
}
|
|
.span_3_of_2 h1{
|
|
color:#4a4a4a;
|
|
font-size:1.5em;
|
|
font-weight:600;
|
|
}
|
|
ul.price_single{
|
|
padding:0;
|
|
list-style:none;
|
|
margin: 1em 0;
|
|
}
|
|
ul.price_single li.head{
|
|
float:left;
|
|
}
|
|
ul.price_single li.head h2{
|
|
color: #fd926d;
|
|
font-size: 2.5em;
|
|
font-weight: bold;
|
|
}
|
|
ul.price_single li.head_desc{
|
|
float:right;
|
|
margin-top: 15px;
|
|
width:42%;
|
|
}
|
|
ul.price_single li.head_desc a{
|
|
font-size:0.8125em;
|
|
color:#999;
|
|
margin-right: 1em;
|
|
}
|
|
.toogle {
|
|
margin-top: 4%;
|
|
}
|
|
p.m_text {
|
|
color: #999;
|
|
font-size: 1em;
|
|
line-height:1.8em;
|
|
}
|
|
.single{
|
|
padding:3% 0 0 0;
|
|
}
|
|
#flexiselDemo1 {
|
|
display: none;
|
|
}
|
|
.nbs-flexisel-container {
|
|
position: relative;
|
|
max-width: 100%;
|
|
}
|
|
.nbs-flexisel-ul {
|
|
position: relative;
|
|
width: 9999px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
list-style-type: none;
|
|
text-align: center;
|
|
}
|
|
.nbs-flexisel-inner {
|
|
overflow: hidden;
|
|
margin: 0 auto;
|
|
}
|
|
.nbs-flexisel-item {
|
|
float: left;
|
|
margin:0px;
|
|
padding:0px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
line-height: 0px;
|
|
}
|
|
.nbs-flexisel-item > img {
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-top:10px;
|
|
margin-bottom: 10px;
|
|
max-width:150px;
|
|
max-height:500px;
|
|
}
|
|
.grid-flex{
|
|
margin:10px 0 20px 0;
|
|
}
|
|
.nbs-flexisel-item a {
|
|
color: #999;
|
|
font-size:0.8125em;
|
|
}
|
|
.nbs-flexisel-item a:hover{
|
|
color:#555;
|
|
}
|
|
.nbs-flexisel-item p {
|
|
color: #000;
|
|
font-size: 0.85em;
|
|
padding-top: 25px;
|
|
}
|
|
.nbs-flexisel-item > img {
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
/*** Navigation ***/
|
|
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
|
|
width:30px;
|
|
height:30px;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
z-index: 100;
|
|
}
|
|
.nbs-flexisel-nav-left {
|
|
left: 0px;
|
|
background: url(../images/img-sprite.png) no-repeat -446px -21px;
|
|
}
|
|
.nbs-flexisel-nav-right {
|
|
right: 0px;
|
|
background: url(../images/img-sprite.png) no-repeat -477px -21px;
|
|
}
|
|
.span_3_of_2 p{
|
|
font-size: 1.1em;
|
|
width: 95%;
|
|
margin: 0 0 3em;
|
|
color: #999;
|
|
}
|
|
h3.m_3 {
|
|
margin: 0 0 0.5em;
|
|
font-size: 2em;
|
|
}
|
|
.etalage_zoom_area div {
|
|
width:460px !important;
|
|
height:500px !important;
|
|
}
|
|
/*----*/
|
|
.sky-form fieldset {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.sky-form .rating {
|
|
margin-bottom: 4px;
|
|
font-size: 15px;
|
|
line-height: 27px;
|
|
color: #404040;
|
|
}
|
|
.sky-form .rating:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.sky-form .rating input {
|
|
position: absolute;
|
|
left: -9999px;
|
|
}
|
|
.sky-form .rating label {
|
|
display: block;
|
|
float: right;
|
|
height: 17px;
|
|
margin-top: 5px;
|
|
padding: 0 2px;
|
|
font-size: 17px;
|
|
line-height: 17px;
|
|
cursor: pointer;
|
|
}
|
|
.icon-star:before {
|
|
content: "\f005";
|
|
}
|
|
.icon-star-empty:before {
|
|
content: "\f006";
|
|
}
|
|
.sky-form [class^="icon-"] {
|
|
font-family: FontAwesome;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.sky-form .radio input + i:after {
|
|
background-color: #2da5da;
|
|
}
|
|
.sky-form .checkbox input + i:after {
|
|
color: #2da5da;
|
|
}
|
|
.sky-form .radio input:checked + i,
|
|
.sky-form .checkbox input:checked + i,
|
|
.sky-form .toggle input:checked + i {
|
|
border-color: #2da5da;
|
|
}
|
|
.sky-form .rating input:checked ~ label {
|
|
color: #2da5da;
|
|
}
|
|
.sky-form .radio:hover i
|
|
{
|
|
border-color: #8dc9e5;
|
|
}
|
|
.sky-form .rating input + label:hover,
|
|
.sky-form .rating input + label:hover ~ label {
|
|
color: #2da5da;
|
|
}
|
|
/*--single--*/
|
|
/*--product--*/
|
|
/*-- start w_content --*/
|
|
.women-product,.account_grid,.register,.single_top,.main{
|
|
width: 70%;
|
|
float: right;
|
|
}
|
|
.women_main{
|
|
padding:2em 0;
|
|
}
|
|
.women{
|
|
text-align: left;
|
|
border-bottom: 1px solid #ebebeb;
|
|
}
|
|
.women h4{
|
|
float:left;
|
|
font-size:1em;
|
|
text-transform:uppercase;
|
|
color: #333333;
|
|
}
|
|
.women h4{
|
|
color:#555555;
|
|
}
|
|
.w_nav {
|
|
float:right;
|
|
color:#555555;
|
|
font-size:0.8125em;
|
|
padding:0.8em 0 0;
|
|
list-style:none;
|
|
margin: 0
|
|
}
|
|
.w_nav li{
|
|
display: inline-block;
|
|
}
|
|
.w_nav li a{
|
|
display: block;
|
|
color:#555555;
|
|
text-transform:capitalize;
|
|
}
|
|
.w_nav li a:hover{
|
|
color: #00405d;
|
|
}
|
|
.grid-product{
|
|
display:block;
|
|
margin: 2% 0;
|
|
}
|
|
.product-grid h4 {
|
|
font-size:16px;
|
|
margin-top:5px;
|
|
}
|
|
.product-grid h4 a{
|
|
text-transform:uppercase;
|
|
color:#000000;
|
|
}
|
|
.product-grid p{
|
|
font-size: 0.8125em;
|
|
color:#777777;
|
|
line-height: 1.5em;
|
|
margin-bottom: 10px;
|
|
}
|
|
.content_box-grid {
|
|
margin-top: 1em;
|
|
}
|
|
.product-grid{
|
|
float: left;
|
|
width: 33.333%;
|
|
}
|
|
.left-grid-view {
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin-bottom: 1em;
|
|
}
|
|
.left-grid-view .mask,.left-grid-view .content {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 159px;
|
|
left: 143px;
|
|
}
|
|
.grid-view-left img {
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
-ms-transition: all 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out;
|
|
margin: 0 auto;
|
|
}
|
|
.grid-view-left .mask {
|
|
-webkit-transform: translateX(-300px);
|
|
-moz-transform: translateX(-300px);
|
|
-o-transform: translateX(-300px);
|
|
-ms-transform: translateX(-300px);
|
|
transform: translateX(-300px);
|
|
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
filter: alpha(opacity=100);
|
|
opacity: 1;
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
-ms-transition: all 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.grid-view-left:hover .mask {
|
|
-webkit-transform: translateX(0px);
|
|
-moz-transform: translateX(0px);
|
|
-o-transform: translateX(0px);
|
|
-ms-transform: translateX(0px);
|
|
transform: translateX(0px);
|
|
}
|
|
.info {
|
|
display: block;
|
|
background: url(../images/label_new.png) no-repeat;
|
|
text-indent: -9999px;
|
|
width: 75px;
|
|
height: 75px;
|
|
}
|
|
/*--product--*
|
|
/*--contact--*/
|
|
.contact_right h3{
|
|
font-size: 2em;
|
|
color: #555;
|
|
text-transform: uppercase;
|
|
margin: 1em 0;
|
|
}
|
|
.map{
|
|
width: 100%;
|
|
height:350px;
|
|
margin: 0 0 43px;
|
|
border: none;
|
|
}
|
|
.address p {
|
|
color: #333033;
|
|
font-size: 1em;
|
|
line-height: 20px;
|
|
margin: 0 0 16px;
|
|
font-style: normal;
|
|
text-transform: uppercase;
|
|
}
|
|
.address dd {
|
|
color: #aaa4ab;
|
|
font-size: 1em;
|
|
line-height: 20px;
|
|
font-weight: 300;
|
|
}
|
|
.contact-form input[type="text"] {
|
|
display: block;
|
|
width:70%;
|
|
padding: 10px;
|
|
border: 1px solid #ddd;
|
|
outline: none;
|
|
margin: 1.5em 0;
|
|
font-size: 1em;
|
|
color: #999;
|
|
}
|
|
.contact-form textarea {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 10px;
|
|
border: 1px solid #ddd;
|
|
outline: none;
|
|
margin: 1.5em 0;
|
|
font-size: 1em;
|
|
color: #999;
|
|
height:300px;
|
|
resize: none;
|
|
}
|
|
.contact-form input[type="submit"] {
|
|
padding: 10px 25px;
|
|
color: #fff;
|
|
background: #F97E76;
|
|
font-size: 1.1em;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
font-family: 'Open Sans', sans-serif;
|
|
text-transform: uppercase;
|
|
transition: 0.5s all;
|
|
-webkit-transition: 0.5s all;
|
|
-moz-transition: 0.5s all;
|
|
-o-transition: 0.5s all;
|
|
float:right;
|
|
}
|
|
.contact-form input[type="submit"]:hover{
|
|
background:#1DBAA5;
|
|
}
|
|
/*--login--*/
|
|
.login-left {
|
|
padding: 0;
|
|
}
|
|
.login-left h3, .login-right h3 {
|
|
color: #F97E76;
|
|
font-size: 1.1em;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
.login-left p, .login-right p {
|
|
color: #555;
|
|
display: block;
|
|
font-size: 1.1em;
|
|
margin: 0 0 1.5em 0;
|
|
line-height: 1.8em;
|
|
width: 95%;
|
|
}
|
|
.acount-btn {
|
|
background:#F97E76;
|
|
color: #FFF;
|
|
font-size: 0.9em;
|
|
padding: 0.7em 1.2em;
|
|
transition: 0.5s all;
|
|
-webkit-transition: 0.5s all;
|
|
-moz-transition: 0.5s all;
|
|
-o-transition: 0.5s all;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
}
|
|
.acount-btn:hover, .login-right input[type="submit"]:hover{
|
|
background:#1DBAA5;
|
|
text-decoration:none;
|
|
color:#fff;
|
|
}
|
|
.login-right form {
|
|
padding: 1em 0;
|
|
}
|
|
.login-right form div {
|
|
padding: 0 0 1.5em 0;
|
|
}
|
|
.login-right span {
|
|
color: #555;
|
|
font-size:0.9em;
|
|
padding-bottom: 0.2em;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
}
|
|
.login-right input[type="text"] {
|
|
border: 1px solid #DDDBDB;
|
|
outline-color:#fb4d01;
|
|
width: 96%;
|
|
font-size:0.9em;
|
|
padding:10px;
|
|
}
|
|
.login-right input[type="submit"] {
|
|
background:#F97E76;
|
|
color: #FFF;
|
|
font-size: 1em;
|
|
padding: 0.5em 1.2em;
|
|
transition: 0.5s all;
|
|
-webkit-transition: 0.5s all;
|
|
-moz-transition: 0.5s all;
|
|
-o-transition: 0.5s all;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
border:none;
|
|
outline:none;
|
|
}
|
|
.logininput{
|
|
float:right;
|
|
background:#F97E76;
|
|
color: #FFF;
|
|
font-size: 1em;
|
|
padding: 0.5em 1.2em;
|
|
transition: 0.5s all;
|
|
-webkit-transition: 0.5s all;
|
|
-moz-transition: 0.5s all;
|
|
-o-transition: 0.5s all;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
border:none;
|
|
outline:none;
|
|
}
|
|
a.forgot {
|
|
font-size: 0.8125em;
|
|
}
|
|
.account_grid {
|
|
padding: 1em 4em 2em;
|
|
}
|
|
/*--register--*/
|
|
.register-top-grid h3, .register-bottom-grid h3 {
|
|
color:#F97E76;
|
|
font-size: 1.1em;
|
|
padding-bottom: 5px;
|
|
margin: 0;
|
|
font-weight:600;
|
|
}
|
|
.register-top-grid span, .register-bottom-grid span {
|
|
color:#555;
|
|
font-size: 0.9em;
|
|
padding-bottom: 0.2em;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
}
|
|
.register-top-grid input[type="text"], .register-bottom-grid input[type="text"] {
|
|
border: 1px solid #EEE;
|
|
outline-color:#FF5B36;
|
|
width: 85%;
|
|
font-size: 1em;
|
|
padding: 0.5em;
|
|
margin: 0.5em 0;
|
|
}
|
|
.checkbox {
|
|
margin-bottom: 4px;
|
|
padding-left: 27px;
|
|
font-size: 1.2em;
|
|
line-height: 27px;
|
|
cursor: pointer;
|
|
}
|
|
.checkbox {
|
|
position: relative;
|
|
font-size: 1em;
|
|
color:#555;
|
|
}
|
|
.checkbox:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.news-letter {
|
|
color: #555;
|
|
font-weight:600;
|
|
font-size: 1em;
|
|
margin-bottom: 1em;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
transition: 0.5s all;
|
|
-webkit-transition: 0.5s all;
|
|
-moz-transition: 0.5s all;
|
|
-o-transition: 0.5s all;
|
|
clear: both;
|
|
}
|
|
.checkbox i {
|
|
position: absolute;
|
|
bottom: 5px;
|
|
left: 0;
|
|
display: block;
|
|
width:20px;
|
|
height:20px;
|
|
outline: none;
|
|
border: 2px solid #E1DFDF;
|
|
}
|
|
.checkbox input + i:after {
|
|
content: '';
|
|
background: url("../images/tick1.png") no-repeat 1px 2px;
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 15px;
|
|
height: 15px;
|
|
font: normal 12px/16px FontAwesome;
|
|
text-align: center;
|
|
}
|
|
.checkbox input + i:after {
|
|
position: absolute;
|
|
opacity: 0;
|
|
transition: opacity 0.1s;
|
|
-o-transition: opacity 0.1s;
|
|
-ms-transition: opacity 0.1s;
|
|
-moz-transition: opacity 0.1s;
|
|
-webkit-transition: opacity 0.1s;
|
|
}
|
|
.checkbox input {
|
|
position: absolute;
|
|
left: -9999px;
|
|
}
|
|
.checkbox input:checked + i:after {
|
|
opacity: 1;
|
|
}
|
|
.news-letter:hover {
|
|
color:#00BFF0;
|
|
}
|
|
.register-but{
|
|
margin-top:1em;
|
|
}
|
|
.register-but form input[type="submit"] {
|
|
background:#F97E76;
|
|
color: #FFF;
|
|
font-size:1em;
|
|
padding: 0.8em 2em;
|
|
transition: 0.5s all;
|
|
-webkit-transition: 0.5s all;
|
|
-moz-transition: 0.5s all;
|
|
-o-transition: 0.5s all;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
border:none;
|
|
outline:none;
|
|
}
|
|
.register-but input[type="submit"]:hover {
|
|
background:#1DBAA5;
|
|
}
|
|
.mation{
|
|
padding: 1em 0;
|
|
}
|
|
.register {
|
|
padding: 4em 0 2em;
|
|
}
|
|
/*--footer--*/
|
|
.footer-top{
|
|
background: #F5F5F5;
|
|
margin: 3em 0 0;
|
|
}
|
|
.latter{
|
|
float:left;
|
|
width:65%;
|
|
}
|
|
.latter h6{
|
|
margin: 0.9em 1em 0 0;
|
|
font-size: 1.7em;
|
|
color: #000;
|
|
float:left;
|
|
width: 36%;
|
|
}
|
|
.latter-right{
|
|
float:right;
|
|
}
|
|
.latter-right p{
|
|
font-size: 1.4em;
|
|
color: #000;
|
|
margin: 1.1em 1em;
|
|
float: left;
|
|
}
|
|
ul.face-in-to{
|
|
float:left;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
ul.face-in-to li {
|
|
display:inline-block;
|
|
float:left;
|
|
}
|
|
ul.face-in-to li a span{
|
|
background: url(../images/img-sprite.png) -281px 0px;
|
|
width: 69px;
|
|
height: 71px;
|
|
display: block;
|
|
}
|
|
ul.face-in-to li a span.facebook-in{
|
|
background-position:-350px 0px;
|
|
}
|
|
.latter input[type="text"] {
|
|
border: 1px solid #ddd;
|
|
outline: none;
|
|
background: #fff;
|
|
font-size:1em;
|
|
color:#777;
|
|
width:61%;
|
|
padding:8px;
|
|
margin:0;
|
|
}
|
|
.latter input[type="submit"] {
|
|
outline: none;
|
|
cursor: pointer;
|
|
width: 35%;
|
|
padding: 7px;
|
|
background: #000;
|
|
color: #fff;
|
|
font-size:1.2em;
|
|
font-weight: 700;
|
|
border: none;
|
|
position: absolute;
|
|
left: 14.7em;
|
|
top: 15px;
|
|
-webkit-apperance:none;
|
|
}
|
|
.sub-left-right{
|
|
float: left;
|
|
position: relative;
|
|
width: 56%;
|
|
padding: 1.1em 0;
|
|
}
|
|
.footer-bottom-cate{
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
.footer-bottom-cate h6{
|
|
font-size: 1.4em;
|
|
color: #000;
|
|
margin: 0 0 0.5em;
|
|
font-weight: 700;
|
|
}
|
|
.footer-bottom-cate ul{
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.footer-bottom-cate ul li{
|
|
list-style: none;
|
|
padding: 0.5em 0;
|
|
}
|
|
.footer-bottom-cate ul li a {
|
|
text-decoration:none;
|
|
font-size: 1.1em;
|
|
color: #999;
|
|
}
|
|
.footer-bottom-cate ul li a:hover{
|
|
color:#1DBAA5;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.cate-bottom ul li {
|
|
font-size: 1.2em;
|
|
color: #000;
|
|
font-weight: 700;
|
|
}
|
|
.cate-bottom ul li{
|
|
padding: 0em 0;
|
|
}
|
|
.cate-bottom ul li.phone {
|
|
color:#1DBAA5;
|
|
}
|
|
.cate-bottom ul li.phone {
|
|
padding: 1em 0 1.5em;
|
|
}
|
|
.cate-bottom ul li p{
|
|
color:#000;
|
|
margin: 0;
|
|
font-size:1.1em;
|
|
}
|
|
.cate-bottom ul li p a{
|
|
color:#F97E76;
|
|
font-size:1.1em;
|
|
font-weight: 500;
|
|
}
|
|
.cate-bottom ul li p a:hover{
|
|
padding:0;
|
|
}
|
|
.footer-bottom {
|
|
padding: 2em 0 5em;
|
|
}
|
|
/*----*/
|
|
/*--responsive--*/
|
|
@media(max-width:1440px){
|
|
.down-top img.arrow {
|
|
right: 22.4%;
|
|
}
|
|
.top-down img.arrow {
|
|
right: 10.2em;
|
|
}
|
|
}
|
|
@media(max-width:1366px){
|
|
.down-top img.arrow {
|
|
right: 21.1%;
|
|
}
|
|
.top-down img.arrow {
|
|
right: 8em;
|
|
}
|
|
}
|
|
@media(max-width:1280px){
|
|
.down-top img.arrow {
|
|
right: 19%;
|
|
}
|
|
.top-down img.arrow {
|
|
right: 4.5em;
|
|
}
|
|
}
|
|
@media(max-width:1024px){
|
|
.down-top img.arrow {
|
|
right: 21.3%;
|
|
}
|
|
.top-down img.arrow {
|
|
right: 3em;
|
|
}
|
|
.search input[type="text"] {
|
|
width: 66.5%;
|
|
}
|
|
.logo {
|
|
width: 31%;
|
|
}
|
|
.header-bottom-right {
|
|
width: 55%;
|
|
}
|
|
.search {
|
|
margin: 1.7em 2em 0em 0;
|
|
}
|
|
|
|
.left-grid-view .mask, .left-grid-view .content {
|
|
top: 205px;
|
|
left: 142px;
|
|
}
|
|
.arrow-img {
|
|
padding: 0em 0em 0 3.5em;
|
|
}
|
|
.img-arrow {
|
|
padding: 0 0 0 5em;
|
|
}
|
|
.img-left-arrow {
|
|
padding: 0 0 0 2.5em;
|
|
}
|
|
.con-sed-grid {
|
|
margin: 0em 17px 0 0;
|
|
width: 48.5%;
|
|
}
|
|
.chain-grid {
|
|
margin: 0 25px 0 0;
|
|
}
|
|
a.get-cart {
|
|
float: left;
|
|
}
|
|
.banner-off {
|
|
width: 52%;
|
|
padding: 2em 0em 2em 1em;
|
|
}
|
|
.banner-off h2 {
|
|
font-size: 3.2em;
|
|
}
|
|
.latter input[type="submit"] {
|
|
left: 12em;
|
|
}
|
|
.etalage_zoom_area div {
|
|
width:320px !important;
|
|
}
|
|
.span_3_of_2 {
|
|
width: 100%;
|
|
margin: 0 0em 0em 0em;
|
|
}
|
|
.sed-left-top, .grid-top-chain{
|
|
margin: 0;
|
|
}
|
|
.elit-grid {
|
|
width: 44%;
|
|
}
|
|
}
|
|
@media(max-width:768px){
|
|
.top-down {
|
|
padding: 0 0em 0 0em;
|
|
}
|
|
.down-top img.arrow {
|
|
right: 24%;
|
|
}
|
|
.top-down img.arrow {
|
|
right: 1.7em;
|
|
}
|
|
.header-bottom-left {
|
|
width: 100%;
|
|
}
|
|
.header-bottom-right{
|
|
float: none;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.sign-up-right a {
|
|
top: 76%;
|
|
right: 35%;
|
|
}
|
|
.sub-cate {
|
|
width: 100%;
|
|
}
|
|
.women-product, .account_grid, .register, .single_top, .main,.shoes-grid ,.latter {
|
|
width: 100%;
|
|
}
|
|
.shoes-grid {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
.con-sed-grid {
|
|
margin: 1em 1.4em 0 0;
|
|
}
|
|
.chain-grid {
|
|
margin: 2em 13px 0 0;
|
|
width: 32%;
|
|
}
|
|
.latter-right {
|
|
float: none;
|
|
margin: 0 0 0 13em;
|
|
}
|
|
.account_grid {
|
|
padding: 1em 0em 2em;
|
|
}
|
|
.sed-left-top{
|
|
margin:1em 0 0 0;
|
|
}
|
|
.latter h6 {
|
|
width: 43%;
|
|
}
|
|
.sub-left-right {
|
|
width: 48%;
|
|
}
|
|
.latter input[type="text"] {
|
|
width: 65%;
|
|
}
|
|
.latter input[type="submit"] {
|
|
left: 13.3em;
|
|
top:16px;
|
|
}
|
|
.grid-top-chain{
|
|
margin:2em 0 0 0;
|
|
}
|
|
.menu-chain{
|
|
width:100%;
|
|
}
|
|
.banner-off {
|
|
padding: 7em 0em 2em 1em;
|
|
}
|
|
.etalage_zoom_area div {
|
|
width:380px !important;
|
|
}
|
|
.arrow-img {
|
|
padding: 0em 0em 0 33.5em;
|
|
}
|
|
.img-arrow {
|
|
padding: 0 0 0 35em;
|
|
}
|
|
.img-left-arrow {
|
|
padding: 0 0 0 32.5em;
|
|
}
|
|
}
|
|
@media(max-width:640px){
|
|
.top-header-left {
|
|
float: none;
|
|
margin: 0 0 0 5.8em;
|
|
}
|
|
.top-header-right {
|
|
float: none;
|
|
width: 39%;
|
|
margin: 0 auto;
|
|
}
|
|
.down-top img.arrow {
|
|
right: 25.4em;
|
|
top:3.7em;
|
|
}
|
|
.top-down img.arrow {
|
|
right: 14em;
|
|
}
|
|
.sign-up-right a {
|
|
right: 32%;
|
|
}
|
|
.banner-off {
|
|
width: 46%;
|
|
padding: 5em 0 2em 1em;
|
|
}
|
|
.banner-off h2 {
|
|
font-size: 2.5em;
|
|
}
|
|
.banner-off span {
|
|
font-size: 1.7em;
|
|
}
|
|
.con-sed-grid {
|
|
margin: 1em 0em 0 0;
|
|
width: 100%;
|
|
}
|
|
.chain-grid {
|
|
margin: 2em 0px 0 0;
|
|
width: 100%;
|
|
}
|
|
a.get-cart {
|
|
float: right;
|
|
}
|
|
.latter input[type="submit"] {
|
|
left: 11em;
|
|
top: 15px;
|
|
}
|
|
.footer-bottom-cate {
|
|
width: 100%;
|
|
}
|
|
.bottom-grid-cat{
|
|
padding: 0 0 13em;
|
|
}
|
|
.latter-right {
|
|
margin: 0 0 0 9em;
|
|
}
|
|
.arrow-img {
|
|
padding: 0em 0em 0 25.5em;
|
|
}
|
|
.img-arrow {
|
|
padding: 0 0 0 27em;
|
|
}
|
|
.img-left-arrow {
|
|
padding: 0 0 0 24.5em;
|
|
}
|
|
}
|
|
@media(max-width:480px){
|
|
.top-header-right {
|
|
width: 52%;
|
|
}
|
|
.down-top img.arrow {
|
|
right: 19.4em;
|
|
top:6.2em;
|
|
}
|
|
.top-down img.arrow {
|
|
right: 8em;
|
|
}
|
|
.top-header-left {
|
|
margin: 0 0 0 6em;
|
|
}
|
|
ul.support li a span{
|
|
display:none;
|
|
}
|
|
.sign-up-right a {
|
|
right: 25%;
|
|
}
|
|
.banner-off span {
|
|
font-size: 1.2em;
|
|
}
|
|
.banner-off h2 {
|
|
font-size: 1.8em;
|
|
}
|
|
.banner-off {
|
|
padding: 2em 0 1em 1em;
|
|
}
|
|
img.banner-bag {
|
|
width: 50% !important;
|
|
}
|
|
.latter-right {
|
|
margin: 0 0 0 5em;
|
|
}
|
|
.latter input[type="submit"]{
|
|
left: 9.5em;
|
|
padding: 9px;
|
|
font-size: 1em;
|
|
}
|
|
.latter-right {
|
|
margin: 0 0 0 5em;
|
|
}
|
|
.etalage_zoom_area div {
|
|
width:100px !important;
|
|
height: 540px !important;
|
|
}
|
|
.banner-off {
|
|
width: 48%;
|
|
}
|
|
.women {
|
|
text-align: center;
|
|
}
|
|
.women h4 {
|
|
float: none;
|
|
}
|
|
.w_nav {
|
|
float: none;
|
|
}
|
|
.latter h6 {
|
|
margin: 0.9em 0 0 0;
|
|
}
|
|
.sub-left-right {
|
|
width: 56%;
|
|
}
|
|
.span_3_of_2 p {
|
|
height: 121px;
|
|
overflow: hidden;
|
|
}
|
|
single.htmlmedia="all"
|
|
p {
|
|
margin: 0 0 10px;
|
|
}
|
|
p.m_text {
|
|
height: 106px;
|
|
overflow: hidden;
|
|
}
|
|
.single_top {
|
|
margin: 0em 0;
|
|
}
|
|
.arrow-img {
|
|
padding: 0em 0em 0 15.3em;
|
|
}
|
|
.img-arrow {
|
|
padding: 0 0 0 17em;
|
|
}
|
|
.img-left-arrow {
|
|
padding: 0 0 0 14.5em;
|
|
}
|
|
}
|
|
@media(max-width:320px){
|
|
ul.support li a {
|
|
font-size: 1em;
|
|
}
|
|
.top-header-left {
|
|
margin: 0 0 0 1em;
|
|
}
|
|
.top-header-right {
|
|
display:none;
|
|
}
|
|
.down-top img.arrow {
|
|
right: 13.7em;
|
|
}
|
|
.top-down img.arrow {
|
|
right: 2.4em;
|
|
}
|
|
.header-bottom-left,.logo {
|
|
width: 100%;
|
|
text-align: center;
|
|
float: none;
|
|
}
|
|
.search{
|
|
display:none;
|
|
}
|
|
.header-bottom-right{
|
|
display:none;
|
|
}
|
|
.banner-matter {
|
|
padding: 2em 1em;
|
|
}
|
|
.slide-grid {
|
|
margin: 2em 0 0em;
|
|
}
|
|
.elit-grid {
|
|
width: 80%;
|
|
}
|
|
.latter {
|
|
float: none;
|
|
text-align: center;
|
|
}
|
|
.latter h6 {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
.sub-left-right {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
.latter input[type="text"] {
|
|
width: 88%;
|
|
}
|
|
.latter input[type="submit"] {
|
|
left: 11.6em;
|
|
}
|
|
.elit-grid {
|
|
width: 42%;
|
|
}
|
|
.elit-grid h4 {
|
|
font-size: 1.2em;
|
|
}
|
|
.elit-grid span {
|
|
font-size: 1em;
|
|
height: 20px;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
a.now-get {
|
|
padding: 0.5em 0.6em;
|
|
font-size:1em;
|
|
}
|
|
.elit-grid p {
|
|
font-size: 0.9em;
|
|
height: 47px;
|
|
overflow: hidden;
|
|
}
|
|
h5.latest-product {
|
|
font-size: 1em;
|
|
}
|
|
a.view-all {
|
|
font-size: 0.9em;
|
|
}
|
|
.chain-grid {
|
|
margin: 1em 0px 0 0;
|
|
}
|
|
.shoe-left {
|
|
width: 58%;
|
|
}
|
|
.banner-off {
|
|
width: 65%;
|
|
padding: 1em 0 1em 1em;
|
|
}
|
|
img.banner-bag {
|
|
width: 35% !important;
|
|
}
|
|
.banner-off h2 {
|
|
font-size: 1.3em;
|
|
}
|
|
.banner-off span {
|
|
font-size: 0.9em;
|
|
display: block;
|
|
padding: 0 0em 1.3em;
|
|
}
|
|
.banner-off p {
|
|
display:none;
|
|
}
|
|
.footer-bottom-cate ul li a {
|
|
font-size: 1em;
|
|
}
|
|
.footer-bottom-cate h6 {
|
|
font-size: 1.2em;
|
|
}
|
|
.cate-bottom ul li a {
|
|
font-size: 1.1em;
|
|
}
|
|
.search input[type="submit"] {
|
|
width: 37%;
|
|
}
|
|
.search input[type="text"] {
|
|
width: 60%;
|
|
}
|
|
.login-left p, .login-right p {
|
|
font-size: 1em;
|
|
margin: 0 0 1em 0;
|
|
line-height: 20px;
|
|
height: 39px;
|
|
overflow: hidden;
|
|
}
|
|
.account_grid {
|
|
padding: 1em 0em 0em;
|
|
}
|
|
.login-left h3{
|
|
margin:0;
|
|
}
|
|
.register-but {
|
|
margin-top: 0em;
|
|
}
|
|
.register {
|
|
padding: 1em 0 0em;
|
|
}
|
|
.menu ul li a {
|
|
font-size: 1em;
|
|
line-height: 2.5em;
|
|
}
|
|
.menu > li > a {
|
|
font-size: 1em;
|
|
line-height: 2.5em;
|
|
}
|
|
.etalage_zoom_area{
|
|
width:10px !important;
|
|
}
|
|
.arrow-img {
|
|
padding: 0em 0em 0 7em;
|
|
}
|
|
.img-arrow {
|
|
padding: 0 0 0 8.8em;
|
|
}
|
|
.img-left-arrow {
|
|
padding: 0 0 0 6.2em;
|
|
}
|
|
|
|
}
|