/* BASIC css start */
#main { position: relative; }
#main .visual-bner { zoom: 1; overflow: hidden; position: relative; }
#main .visual-bner .visual { float: left; width: 800px; }
#main .visual-bner .bner { float: right; width: 280px; zoom: 1; overflow: hidden; }
#main .visual-bner .bner li { float: left; margin-bottom: 20px; }
#main .visual-bner .notice { position: absolute; right: 0; bottom: 20px; width: 280px; }
#main .visual-bner .notice dt { position: relative; padding-bottom: 10px; border-bottom: 1px solid #b4b2b1; color: #333; font-size: 14px; font-weight: bold; }
#main .visual-bner .notice dt a { position: absolute; top: 0; right: 0; color: #9c9c9c; font-size: 12px; }
#main .visual-bner .notice dd ul { padding-top: 5px; }
#main .visual-bner .notice dd li { position: relative; margin-top: 10px; }
#main .visual-bner .notice dd li a { display: block; width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #555; }
#main .visual-bner .notice dd li span { position: absolute; top: 0; right: 0; color: #9c9c9c; }
#main .weekly-best { zoom: 1; overflow: hidden; position: relative; height: 290px; margin-top: 65px; padding: 20px 45px 0; border-top: 2px solid #333; background: #fbfbfb; }
#main .weekly-best #slider { width: 1110px; zoom; 1; overflow: hidden; position: absolute; top: 75px; }
#main .weekly-best #slider ul { width: 2500px; }
#main .weekly-best h2 { color: #333; font-size: 22px; text-align: center; }
#main .weekly-best ul { zoom: 1; overflow: hidden; margin-left: -10px; }
#main .weekly-best ul li { float: left; position: relative; width: 194px; height: 194px; margin-left: 10px; }
#main .weekly-best ul li .cvr { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); }
#main .weekly-best ul li .dsc { display: none; position: absolute; top: 0; left: 0; width: 100%; padding-top: 80px; color: #fff; text-align: center; }
#main .weekly-best ul li .dsc del { color:#dbdbdb; }
#main .weekly-best ul li .dsc p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px; }
#main .weekly-best ul li .img img { width: 100%; height: 100%; }
#main .weekly-best .btn-prev,
#main .weekly-best .btn-next { position: absolute; top: 160px; width: 12px; height: 19px; text-indent: -9999px; }
#main .weekly-best .btn-prev { left: 15px; background: url('/images/d3/psdesign/makeshop/makeshop/btn/btn_h19_prev.gif') no-repeat 0 0; }
#main .weekly-best .btn-next { right: 15px; background: url('/images/d3/psdesign/makeshop/makeshop/btn/btn_h19_next.gif') no-repeat 0 0; }
#main .mprd-cm { margin-top: 40px; }
#main .mprd-cm .tit-prd { margin-top: 80px; background: url('/design/swad120/9607/makeshop/bg/bg_heading.gif') repeat-x 0 50%; text-align: center; }
#main .mprd-cm .tit-prd span { display: inline-block; padding: 0 20px; background: #fff; color: #333; font-size: 22px; }





#event-rolling-container { position: relative; width: 100%; height: 420px; }
#event-rolling-container .swiper-pagination { position: absolute; bottom: 12px; right: 20px; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet { cursor: pointer; opacity: 1; margin-left: 7px; width: 14px; height: 14px; background-color: #fff; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet-active { background-color: #000; }

.small-banner-container { position: relative; margin-top: 20px; margin-bottom: 50px; }
.small-banner-container .float-l { float: left; }
.small-banner-container .float-r { float: right; }

.items-wrap { position: relative; }
.items-wrap .tit-prd { text-align: center; }

.other-wrap { position: relative; }
.other-wrap .cols-left { float: left; width: 420px; margin-right: 20px; }
.other-wrap .cols-left ul li { float: left; width: 120px; margin-right: 20px; margin-bottom: 20px; text-align: center; }
.other-wrap .cols-left ul li span { display: block; margin-top: 10px; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.other-wrap .cols-left ul li img { width: 120px; height: 120px; }
.other-wrap .cols-middle { float: left; width: 290px; }
.other-wrap .cols-middle ul { width: 270px; }
.other-wrap .cols-middle ul li { padding-left: 10px; padding-bottom: 12px; }
.other-wrap .cols-middle ul li a { font-size: 12px; color: #8a8a8a; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.other-wrap .cols-right { float: right; width: 440px; }
.other-wrap .cols-right li { float: left; margin-left: 10px; margin-bottom: 10px; }

.other-wrap .subject-in h4 { margin-right: 20px; margin-bottom: 20px; text-indent: 10px; position: relative; height: 26px; line-height: 26px; font-size: 16px; font-weight: bold; color: #fff; background-color: #6bcbba; }
.other-wrap .subject-in h4 a { position: absolute; top: 0; right: 0; }
/* BASIC css end */