@import "//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

@media only screen and (min-width: 480px) and (max-width: 767px) {
.rec-cathome-list li .pic img {
height:auto;
visibility:hidden;
width:160px
}
}

@media only screen and (max-width: 990px) {
.cathome-floor,.catb-box .pic,.catb-slider-container {
height:auto!important
}

.catb-box .pic {
min-width:auto!important;
margin:0 auto
}
}

@media only screen and (max-width: 840px) {
ul.bxslider li {
clear:none!important
}

.description-truncate {
text-overflow:ellipsis;
overflow:hidden
}
}

@media only screen and (max-width: 480px) {
.rec-cathome-list li .pic img {
height:auto!important;
visibility:hidden;
width:140px!important
}

.catb-slider-container,.catb-box .pic {
height:auto!important
}

.pic img {
width:100%
}

.catb-box .pic {
min-width:90%!important
}
}

#categorymenu2 {
margin-top:8px;
margin-bottom:20px
}

.cathome-floor {
font-size:13px;
height:553px;
margin-top:40px
}

.cathome-floor .container-inner {
background-color:#fff;
border-top:2px solid #00A1CB
}

.cathome-info {
border-right:1px solid #eee;
float:left;
max-height:551px;
padding-left:0;
padding-right:0
}

@media only screen and (min-width : 768px) {
.catb-slider-list li {
width:450px
}

.cathome-info {
height:551px
}
}

.cathome-info .cathome-enter a {
border-bottom:1px solid #eee;
display:block;
font-size:20px;
font-weight:700;
height:100px;
line-height:28px;
padding-top:33px;
text-align:center
}

.cathome-info .cathome-enter a:hover {
box-shadow:0 3px 6px 0 rgba(51,51,51,0.298);
position:relative;
text-decoration:none;
z-index:3
}

.cathome-info .cathome-enter a::after {
height:20px;
position:absolute;
right:20px;
top:42px;
width:10px
}

.cathome-info .keyword-list {
line-height:22px;
max-height:435px;
overflow:hidden;
text-align:center
}

.cathome-info .keyword-list a {
color:#4e4e4e;
display:block;
margin-top:15px
}

.cathome-info .keyword-list a.highlight {
color:#f31349
}

.cathome-info .keyword-list a:hover {
color:#f60;
text-decoration:none
}

.catb-box {
float:left;
overflow:hidden;
position:relative;
padding-left:0;
padding-right:0
}

.catb-box a {
color:#fff
}

.catb-box a:hover {
text-decoration:none
}

.catb-slider-container {
height:550px;
overflow:hidden;
position:relative
}

.catb-slider ul {
float:left
}

.catb-slider li {
float:left;
list-style:outside none none;
margin-left:0
}

.catb-slider-prev,.catb-slider-next {
display:none;
margin-top:-25px;
position:absolute;
top:50%
}

.catb-box .pic {
height:550px;
min-width:400px;
overflow:hidden;
text-align:center
}

:root .catb-box .info {
filter:none
}

.top-cathome-product {
position:relative;
width:100%;
z-index:6
}

.top-cathome-product .pic {
height:275px;
overflow:hidden;
padding:10px 0;
text-align:center
}

.top-cathome-product .pic img {
height:255px;
width:380px
}

.pic img {
border:none!important
}

.rec-cathome-list {
float:left;
padding-left:0;
padding-right:0
}

.rec-cathome-list li {
float:left;
line-height:18px;
list-style:outside none none;
margin:0 0 -1px;
position:relative;
text-align:center;
width:50%
}

.rec-cathome-list li a {
-moz-border-bottom-colors:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
border-color:#eee;
border-image:none;
border-style:none solid solid;
border-width:0 1px;
display:block;
height:100%;
width:100%;
border-left:none
}

.rec-cathome-list li a:hover {
box-shadow:0 3px 6px 0 rgba(51,51,51,0.3);
position:relative;
text-decoration:none;
z-index:12
}

.rec-cathome-list li .subject {
display:block;
font-weight:700;
height:37px;
overflow:hidden;
padding:15px 5px 4px
}

.rec-cathome-list li .sub-heading {
display:block;
height:18px;
overflow:hidden;
padding:0 5px
}

.rec-cathome-list li .pic {
height:220px;
padding:15px 0 10px
}

.rec-cathome-list li .pic img {
height:195px;
visibility:hidden;
width:180px
}

.rec-cathome-list li:nth-child(2n) a {
border-left-color:transparent
}

.rec-cathome-list li.cathome-bottom-item a {
padding-bottom:1px
}

.rec-cathome-list li.rec-bottom-line a {
border-bottom:0 none
}

.rec-cathome-list li.rec-bottom-line .subject {
height:38px
}

.rec-bottom-products {
height:265px
}

:root .catb-box .info {
filter:none
}

.catb-box .info {
font-size:18px;
height:50px;
line-height:50px;
margin-top:-49px;
overflow:hidden;
position:relative;
text-align:center
}

.description-truncate {
overflow:hidden
}

#categorymenu2 .description {
padding:5px 10px 1px
}

.showcase03subs.brands {
margin-bottom:14px
}

.showcase03image img,.showcase04image img,.showcase02image img,.pic img {
padding:0!important
}

.showcase04::before {
content:"";
display:table
}

.showcase04 {
border-radius:50%;
position:relative;
cursor:default;
-webkit-perspective:1100px;
-moz-perspective:1100px;
-o-perspective:1100px;
-ms-perspective:1100px;
perspective:1100px;
margin-bottom:25px
}

.showcase04box {
position:absolute;
width:100%;
height:100%;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d
}

.showcase04box > div {
display:block;
position:absolute;
width:100%;
height:100%;
border-radius:50%;
background-position:center center;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-o-transition:all .4s linear;
-ms-transition:all .4s linear;
transition:all .4s linear;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-o-transform-origin:50% 0;
-ms-transform-origin:50% 0;
transform-origin:50% 0
}

.showcase04box .showcase04image {
box-shadow:0 0 0 16px rgba(0,0,0,0.3) inset
}

.showcase04box .showcase04subs {
-webkit-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-moz-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-o-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-ms-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
opacity:0;
text-align:center
}

.showcase04box h4 {
color:#fff;
text-transform:uppercase;
letter-spacing:2px;
font-size:16px;
margin:0 5px!important;
padding-top:45%;
height:40px;
font-family:'Open Sans',Arial,sans-serif;
text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3)
}

.showcase04box p a:hover {
color:#fff222;
color:rgba(255,242,34,0.8)
}

.showcase04:hover .showcase04image {
-webkit-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-moz-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-o-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-ms-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
opacity:0
}

.showcase04:hover .showcase04subs {
-webkit-transform:rotate3d(1,0,0,0deg);
-moz-transform:rotate3d(1,0,0,0deg);
-o-transform:rotate3d(1,0,0,0deg);
-ms-transform:rotate3d(1,0,0,0deg);
transform:rotate3d(1,0,0,0deg);
opacity:1
}

@media(max-width:320px) {
.showcase04 .showcase04box {
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none;
transform:none;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none;
opacity:1
}

.showcase04box .showcase04subs {
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none;
transform:none;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none;
background:#000;
opacity:1
}
}

#categorymenu2 .bx-wrapper .bx-pager {
opacity:.2
}

#categorymenu2 .bx-wrapper .bx-prev {
left:0
}

.showcase02 {
border:1px solid #ddd;
background:#f7f7f7 none repeat scroll 0 0;
overflow:hidden;
margin-bottom:25px
}

.showcase02image {
width:100%;
background-color:white;
margin-right:12px;
text-align:center
}

.showcase02subs {
padding:2px 4px 3px 3px
}

.showcase02 .root {
text-align:center
}

.showcase02 img {
max-width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
vertical-align:middle;
border:none
}

.showcase03 {
border:1px solid #ddd;
background:#f7f7f7 none repeat scroll 0 0;
overflow:hidden;
margin-bottom:25px
}

.showcase03image {
width:35%;
float:left;
margin-right:12px
}

.showcase03subs {
padding:2px 4px 3px 3px
}

.showcase03 img {
max-width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
vertical-align:middle;
border:none
}

.subs {
padding-right:2px
}