/* BASIC css start */
/* header & °øÅë */
.headerWrap{position:fixed;z-index:200; width:100%;}
.iconBtn{text-align:center;}
.iconBtn .stt_on, .iconBtn.on .stt_off{display:none;}
.iconBtn.on .stt_on{display:block;}
.initTransition{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.readyAnimate{}

/* »ó´Ü °íÁ¤ ¹è³Ê */
.headerFixBanner{position:relative;z-index:210;display:none;border-bottom:1px solid #ddd;}
.headerFixBanner.on{display:block;}
.headerFixBanner.firstView{-webkit-transition:none;transition:none;}
.headerFixBanner .link{display:block;background-color:#e3e3e3;}
.headerFixBanner .bannerImg{width:100%;}
.headerFixBanner .topBannerCloseBtn{position:absolute;top:0;right:0;z-index:1;padding:7px 8px;font-size:18px;line-height:1;color:#444;display:block;}


.cate_name {
    text-align: center;
    padding: 50px 0;
    font-size: 28px;
    color: #000;
    font-weight: 500;
}

.cate_name h1 {
    height: 50px;
    line-height: 50px;
}


/* Çì´õ */
.headerWrap{}
.headerWrap .headerInfo{position:relative;z-index:10;box-sizing:border-box; padding:6px 0 0;}
/*
.headerFix .headerWrap.white .headerInfo { background: rgba(0,0,0,.5); }
.headerFix .headerWrap.black .headerInfo { background: rgba(255,255,255,.5); }
*/

.headerWrap.white {
    background: rgba(0,0,0,.5);
}

.headerWrap.black {
    background: rgba(255,255,255,.5);
}





.headerWrap .headerInfo .infoWrap{position:relative;}
.headerWrap .headerInfo .firstBtn, .headerWrap .headerInfo .lastBtn{position:absolute;top:0;z-index:1;}
.headerWrap .headerInfo .firstBtn{left:0;}
.headerWrap .headerInfo .lastBtn{right:0;}
.headerWrap .linkListWrap{display:table;table-layout:fixed;position:relative;width:100%;padding:0 51px 0 57px;font-size:0;line-height:0;text-align:center;box-sizing:border-box;}
.headerWrap .linkListWrap .cellList{display:table-cell;width:auto;}
.headerWrap .linkListWrap .searchLinkList{width:65px;}
.headerWrap .linkListWrap .loginLinkList{width:56px;}
.headerWrap .iconBtn{height:26px;margin-top:11px;font-size:11px;line-height:16px;color:#000;white-space:nowrap;vertical-align:middle;text-align:center;display:inline-block;}
.headerWrap .iconBtn .cicon{}

.headerWrap .searchPopBtn{position:relative;}
.headerWrap .searchPopBtn.on .stt_on{display:inline-block;}
.headerWrap .basketLink{}
.headerWrap .basketLink .cicon{position:relative;}
.headerWrap .basketLink .basketQuan{position:absolute;top:9px;left:0;right:0;height:12px;line-height:12px;font-size:10px;color:#000;font-weight:500;text-indent:1px;text-align:center;display:block;}
.headerWrap .basketLink .basketQuan:empty{display:none;}
.headerLogoWrap{height:64px;padding: 0 17px;}
.headerLogoWrap .iconBtn{width:64px;height:64px;text-align:center;display:block;}
.headerLogoWrap .iconBtn .cicon{margin-top:20px;}
.headerLogoWrap .logoArea{font-size:0;line-height:0;text-align: left;}
.headerLogoWrap .link{height: 24.6px;margin: 18.5px 0px 0 0px;text-align: center;display:inline-block;float: left;}
.headerLogoWrap .link img{height:100%;vertical-align:top;}

/* °Ë»ö ¿µ¿ª */
.headerWrap .searchArea{position:absolute;top:100%;left:0;right:0;z-index:100;padding:20px 20px 30px;opacity:0;visibility:hidden;}
.headerWrap .searchArea.on{opacity:1;visibility:visible;}
.headerWrap .searchWrap{}
.headerWrap .searchWrap .iptWrap{position:relative;display:block;}
.headerWrap .searchWrap input{border:0;border-bottom:2px solid #000;padding:6px 30px 6px 0;width:100%;height:32px;font-size:18px;color:#000;outline:0;background-color:transparent;box-sizing:border-box;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.headerWrap.white .searchWrap input { color:#fff; border-bottom-color:#fff; }
.headerWrap .searchWrap input::-webkit-input-placeholder{color:#9c9c9c;}
.headerWrap .searchWrap input::placeholder{color:#9c9c9c;}
.headerWrap .searchWrap .searchBtn{position:absolute;top:0;right:0px;width:24px;height:32px;font-size:0;line-height:0;text-align:center;display:block;}
.headerWrap .searchWrap .searchBtn .cicon{margin-top:4px;}
.headerWrap.white .searchWrap .searchBtn .cicon { background: url(/design/amoebashop/phps/m/imgs/m_common_icons_white.png) no-repeat;     background-size: 150px auto; background-position: -120px 0; }
.headerWrap .rankingArea{display: none; padding:20px 0 0;}
.headerWrap .rankingArea:after{content:"";display:block;clear:both;}
.headerWrap .rankingArea .listWrap{float:left;width:50%;}
.headerWrap .rankingArea .title{padding-bottom:18px;font-size:13px;line-height:1;color:#000;font-weight:700;display:block;}
.headerWrap .rankingArea .link{font-size:12px;line-height:24px;color:#000;vertical-align:top;display:inline-block;}

/* ¼­ºê ¸Þ´º °øÅë */
.subAsideMenu{display:block;position:fixed;top:0;right:0;bottom:0;left:-100%;z-index:1001;width:100%;backface-visibility:hidden;}
.subAsideMenu .shadow{position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%;background-color:rgba(0,0,0,0.85);box-sizing:border-box;}
.subAsideMenu .subMenuCnt{position:absolute;top:0;bottom:0;left:0;width:100%;z-index:3;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;}
.subAsideMenu .listWrap:after{content:"";display:block;clear:both;}

.subAsideMenu .subMenuHeader{}
.subAsideMenu .subMenuHeader .headerLogoWrap{ background-color:#fff; }
.subAsideMenu .cateList{width:69.375%;margin:0 auto;padding:25px 0;text-align:center; position:absolute; top: 50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
.subAsideMenu .cateList .link:first-of-type { margin-top: 0; }
.subAsideMenu .cateList .link{margin-top:10px;padding:10px 0;font-size:19px;line-height:1;color:#fff;font-weight:500;display:block;}
.subAsideMenu .subCateList{width:69.375%;margin:0 auto;padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.2);text-align:center;}
.subAsideMenu .subCateList .link{margin-top:6px;padding:10px 0;font-size:18px;line-height:1;color:#666;font-weight:500;display:block;}
.subAsideMenu .cateList .link {
    margin-top: 30px;
    padding: 10px 0;
    font-size: 19px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    display: block;
}

.subAsideMenu .userQuickMenu{width:69.375%;margin:0 auto;padding:14px 0;text-align:center;}
.subAsideMenu .userQuickMenu .link{margin-top:6px;padding:10px 0;font-size:18px;line-height:1;color:#666;font-weight:500;display:block;}

.subAsideMenu .nationArea{padding:18px 0;font-size:0;line-height:0;background-color:#000;}
.subAsideMenu .nationArea .link{position:relative;width:25%;font-size:14px;line-height:1;color:#fff;text-align:center;display:inline-block;}
.subAsideMenu .nationArea .link:after{content:"";position:absolute;top:50%;left:0;margin-top:-7px;width:1px;height:14px;background-color:rgba(100,100,100,0.5);display:block;}
.subAsideMenu .nationArea .link:first-child:after{display:none;}
.subAsideMenu .nationArea .link.on{text-decoration:underline;}

/* Çì´õ »óÅ°ª °ü¸® */
.headerMenuOn{}
.headerMenuOn .subAsideMenu{left:0;}
.headerFix .headerWrap{position:fixed;top:-64px;left:0;right:0;z-index:200;}
.headerFix #container{ padding-top:113px; }


/* Ä«Å×°í¸® ¸®½ºÆ® */
.cate_list {
    margin-top: 10px;
}

.headerFix .cate_list {
    margin-top: 0;
}
.cate_list ul li a {font-size: 16px;color: #000;font-weight: 700;display:block;padding-bottom:7px;height: 24px;line-height: 26px;}
.cate_list ul li a img {margin:0 auto;height: 24px;}
.cate_list ul li {width: 33.33%;text-align: center;}
.cate_list ul li:last-of-type { margin-right:0; }
.cate_list ul li.now_on a {
    border-bottom: 2px solid #000;
}



#headerWrap.black .cate_list ul li img:first-of-type { display:block; }
#headerWrap.black .cate_list ul li img:last-of-type { display:none; }
#headerWrap.white .cate_list ul li img:first-of-type { display:none; }
#headerWrap.white .cate_list ul li img:last-of-type { display:block; }

#headerWrap.white .cate_list ul li a { color:#fff; }
#headerWrap.white .cate_list ul li.now_on a {
    border-bottom: 2px solid #fff;
}
.headerWrap .right ul li {
    width: 24px;
    height: 24px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    background: url(/design/amoebashop/phps/m/imgs/m_common_icons.png) no-repeat;
    background-size: 150px auto;
    margin-top: 19.5px;
    margin-left:10px;
}

.headerWrap.white .right ul li { background: url(/design/amoebashop/phps/m/imgs/m_common_icons_white.png) no-repeat;     background-size: 150px auto; }
.headerWrap .right ul li a {
    display: block;
    width:100%;
    height:100%;
}
.headerWrap .right ul li.search_bt {     background-position: -24px 0; }
.headerWrap .right ul li.cart_bt { background-position: -72px 0; }
.headerWrap .right ul li.ham_bt { background-position:0 0; }

/*
.headerFix .headerWrap.white .headerInfo {
    background: rgba(0,0,0,.5);
}

.headerFix .headerWrap.black .headerInfo {
    background: rgba(255,255,255,.5);
}

*/



/* BASIC css end */