nav#category {width: 100%; margin-bottom: 40px;}
nav#category ul {padding: 0; letter-spacing: -.40em;}
nav#category li {display: inline-block; width: 233px; height: 233px; margin: 0; padding: 0; letter-spacing: normal; line-height: 233px;}
nav#category li a {position: relative; color: #fff; font-weight: bold; display: block; height: 100%;}
nav#category li a .name {position: absolute; bottom: 10px; left: 10px; z-index: 2; text-shadow: 1px 1px 3px rgba(0,0,0,.5); font-weight: normal; width: 90%; font-size: 18px; line-height: 1.2;}
nav#category li a:after {content: ""; display: block; position: absolute; top: 0; height: 100%; width: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(.4,rgba(0,0,0,0)), to(rgba(0,0,0,.2)));}
.ua-desktop-windows.ua-ie-8 nav#category li a:after,
.ua-desktop-windows.ua-ie-9 nav#category li a:after,
.ua-firefox nav#category li a:after {content: ""; display: block; position: absolute; top: 0; height: 100%; width: 100%; content: url(/img/store/section/parent_category/title_back.png);}
.ua-windows_nt.ua-firefox nav#category li a .name {font-weight: bold;}


nav#category li img {width: 100%; height: 100%;}

nav#category li a:hover img {filter: alpha(opacity=80); opacity:0.8;
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0}
        
nav#category li:hover {background-color: #000;}
nav#category + #newItem,
nav#category + #recommend {border: 0; padding-top: 1px;}

#newItem,
#campaign {position: relative;}
#newItem .viewAll {position: absolute; top: 10px; right: 0; padding: 20px 0;}
#campaign .viewAll {position: absolute; top: 40px; right: 0;}
.viewAll a {text-decoration: none;}
.viewAll a:after {content: url("/img/store/section/parent_category/arrow_right_s.png"); margin-left: 5px; vertical-align: top;} 

#breadcrumbs li:nth-child(2){display: none;}
#newItem {padding: 0;}
.parent_category {padding: 0; margin: 0;}


@media screen and (max-width : 767px){
 #newItem .viewAll,
 #campaign .viewAll {position: relative; top: 0; padding: 20px;}
 nav#category ul {width: 320px; margin: 0 auto;}
 nav#category li {display: inline-block; width: 160px; height: 160px;}
 #breadcrumbs ol li:nth-last-child(1n+3) {display: block;}
 
 .campaignList li {width: 150px; margin: 0 5px 10px;}
 .campaignList li img {width: 148px; border: 1px solid #eee;}
 #main .itemList .thumb {width: 95px;}
 nav#category li {line-height: 1.5;}
}