/* BASIC css start */
.shopbrandTitle h2{text-align:center; padding:30px 0; font-size:18px; color:#000; font-weight:600;}
.shopbrandTitle .imgArea {margin:0 0 30px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}

.listBest {position:relative; padding:30px 2.5px; background:#f6f6f6;}
.listBest.SALE {display:none;}
.listBest h2 {font-size:16px; color:#000; font-weight:600; margin-bottom:10px;}
.listBest .items .listInfoTop .best {display:block!important; position:absolute; top:10px; left:0; padding:0 10px; height:25px; line-height:25px; text-align:center; font-size:12px; font-weight:bold; color:#000; background:rgba(255,255,255,0.85);}
.listBest .items .listInfoTop .bglist {display:none; }
.listBest .swiper-pagination {text-align:center; bottom:10px; width:100%;}
.listBest .swiper-pagination span { width: 6px; height: 6px; border-radius:6px; background:#000; margin:0 3px;}
.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

.class-list {font-size:0; text-align:center; margin:0 0 20px;}
.class-list li {display:inline-block; margin:0 10px;}
.class-list li a {color:#000; opacity:0.6; font-size:14px; padding-bottom:5px; box-sizing:border-box; display:inline-block;}
.class-list li a.on, .class-list li a.active {opacity:1; border-bottom:1px solid #000;}
.list_arrayRight ul li {display: inline-block; margin-right:5px; width: 30px; height: 30px; text-align: center;  background: #fff url(/design/odeshop/ode_m/main_converter_icon.png) no-repeat; background-size: auto 24px; border: 0px solid #ddd; border-right: none;}
.list_arrayRight ul li:last-child {margin-right:0;}
.list_arrayRight ul li.active{background: #fff url(/design/odeshop/ode_m/main_converter_icon_sel.png) no-repeat; background-size: auto 24px;}
.list_arrayRight ul li:nth-child(1), .list_arrayRight ul li:nth-child(1).active {background-position: 2px 4px;}
.list_arrayRight ul li:nth-child(2), .list_arrayRight ul li:nth-child(2).active {background-position:-38px 4px;}
.list_arrayRight ul li:nth-child(3), .list_arrayRight ul li:nth-child(3).active {background-position: -74px 4px;}
.list_arrayRight ul li:nth-child(4) {background: #fff url('/design/odeshop/ode_m/converter_icon_4.jpg') no-repeat; background-size: auto 20px; background-position: center;}
.list_arrayRight ul li:nth-child(4).active {background: #fff url('/design/odeshop/ode_m/converter_icon_4_over.jpg') no-repeat; background-size: auto 20px; background-position: center;}

.btn_moreGray {width: 180px; height: 35px; line-height: 35px; background-color: #ffffff; border: 1px solid; font-weight: bold; display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 20px; border-radius:5px;}
.caution {text-align:center; padding:0 10px; font-size:12px; margin:20px 0;}

.list_shopping1x, .list_shopping3x, .list_shopping4x {padding:0 10.5px}


/******* READ °ü·Ã *******/
.shopbrandTitle, .list_array { display: none !important; }
.raed_slide  {padding:60px 0; }
.raed_slide .swiper {padding:0 16px; }
.raed_slide .swiper-slide {width: 158.043px;}
.raed_slide .swiper_btm { display: flex; padding: 0 16px; align-items: center; justify-content: flex-start; margin-top:32px;  }
.raed_slide .swiper-pagination { position: static; width: calc(100% - 58px)!important; display: flex; align-items: center;  justify-content: center; box-sizing: border-box; margin: 0 auto;padding-right:30px; box-sizing:border-box;  }
.raed_slide .swiper-pagination-bullet { cursor: pointer; height: 2px !important; border-radius: 0; opacity: 1; background: #f0f0f0; margin: 0 !important; width: 100%; transition: all ease 0.5s; }
.raed_slide .swiper-pagination-bullet-active { background: #000 !important; width: 100%; margin: 0; }
.raed_slide .swiper-button-prev, .raed_slide .swiper-button-next { position: static; margin: 0; width:24px; height:24px; text-align:center; }
.raed_slide .swiper-button-prev:after, .raed_slide .swiper-button-next:after { color: #000; font-size: 20px; width: auto; height: auto; }
.raed_slide .swiper-button-prev {margin-right:10px; }
/* BASIC css end */