/* BASIC css start */
/* º£½ºÆ® & Ãßõ »óÇ° */
.bestPrdWrap { position:relative; width:100%; background:#f5f5f5; overflow:hidden }
.bestPrdWrap .bestTitle { padding-top:75px; font-size:34px; color:#b99341; font-weight:700; text-align:center }
.bestPrdWrap .bestPrdSlideArea { padding:65px 0 90px }
.bestPrdWrap .slick-slide,
.bestPrdWrap .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { margin:0 130px; position:relative; transform:scale(0.7); opacity:0.7; z-index:0 }
.bestPrdWrap .slick-ani { transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
.bestPrdWrap .slick-center,
.bestPrdWrap .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] { position:relative; z-index:10; transform:scale(1.0); opacity:1 }
.bestPrdWrap .slick-arrow { position:absolute; top:50%; width:36px; height:36px; text-indent:-9999em; background:url(/design/parker01/shopbrand/sp_best_slide_arrow.png) 0 0 no-repeat; z-index:50 }
.bestPrdWrap .slick-prev { margin:-18px 0 0 -360px; left:50%; background-position:0 0 }
.bestPrdWrap .slick-next { margin:-18px -360px 0 0; right:50%; background-position:0 -36px }

.bestPrdWrap .prdList { position:relative }
.bestPrdWrap .prdList .prdThumb { width:400px }
.bestPrdWrap .prdList .prdThumb img { width:100%; border-radius:50% }
.bestPrdWrap .prdList .prdThumb .prdIdx { position:absolute; top:0; left:15px; font-size:70px; color:#363942; font-weight:700; z-index:10; opacity:0; visibility:hidden; transition:all 1s ease; -webkit-transition:all 1s ease; transform:translateX(-50px) }
.bestPrdWrap .prdList .prdInfo { position:absolute; bottom:0; right:-80px; width:195px; z-index:10; opacity:0; visibility:hidden; transition:all 1s ease; -webkit-transition:all 1s ease; transform:translateX(50px) }
.bestPrdWrap .prdList .prdInfo .prdBrand { font-size:16px; color:#363942 }
.bestPrdWrap .prdList .prdInfo .prdName { padding-top:2px }
.bestPrdWrap .prdList .prdInfo .prdName a { font-size:22px; color:#363942; font-weight:700 }
.bestPrdWrap .prdList .prdInfo .prdPrice { margin-top:8px }
.bestPrdWrap .prdList .prdInfo .prdPrice strike { margin-left:3px; font-size:16px; color:#666 }
.bestPrdWrap .prdList .prdInfo .prdPrice .price { font-size:20px; color:#363942; font-weight:700 }
.bestPrdWrap .prdList .prdInfo .prdPrice .price .unit { font-size:18px; font-weight:normal }
.bestPrdWrap .slick-center .prdThumb .prdIdx,
.bestPrdWrap .slick-center .prdInfo { opacity:1; visibility:visible; transform:translateX(0) }

.page-body { padding-top:45px }

.catePrdListWrap { padding-top:45px }
.catePrdListWrap .cate-wrap { *zoom:1 }
.catePrdListWrap .cate-wrap:after { display:block; clear:both; content:'' }
.catePrdListWrap .cate-wrap .bcate { float:left; font-size:34px; color:#363942; font-weight:700 }
.catePrdListWrap .cate-wrap .class-list { padding-left:48px; float:left; width:1000px }
.catePrdListWrap .cate-wrap .class-list ul { *zoom:1 }
.catePrdListWrap .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
.catePrdListWrap .cate-wrap .class-list ul li { padding:17px 35px 0 0; float:left }
.catePrdListWrap .cate-wrap .class-list ul li span { display:block; padding-left:10px; position:relative; font-size:16px; color:#363942; font-weight:600 }
.catePrdListWrap .cate-wrap .class-list ul li span:before { position:absolute; top:2px; left:0; width:1px; height:14px; background:#363942; content:'' }
/* BASIC css end */