#cate-box {position: relative; width: 100%;} #cate-box>.safe-box {/* height: 610px; */ background-color: #f3f3f3; overflow: hidden;} #cate-info.cate01 {width: 100%; height: 214px; background-image: url(../img/cate-bg01.jpg?ver=2);} #cate-info.cate02 {width: 100%; height: 214px; background-image: url(../img/cate-bg02.jpg?ver=2);} #cate-info.cate03 {width: 100%; height: 214px; background-image: url(../img/cate-bg03.jpg?ver=2);} #cate-info.cate04 {width: 100%; height: 214px; background-image: url(../img/cate-bg04.jpg?ver=2);} #cate-info.cate05 {width: 100%; height: 214px; background-image: url(../img/cate-bg05.jpg?ver=2);} #cate-info.cate06 {width: 100%; height: 214px; background-image: url(../img/cate-bg06.jpg?ver=2);} #cate-info.cate07 {width: 100%; height: 214px; background-image: url(../img/cate-bg07.jpg?ver=2);} #cate-title {position: relative; top: 45px; width: 100%;} #cate-ico {width: 100%; height: 35px; margin-bottom: 5px;} #cate-ico.cate01 {background-image: url(../img/cate-ico01.png?ver=2);} #cate-ico.cate02 {background-image: url(../img/cate-ico02.png?ver=2);} #cate-ico.cate03 {background-image: url(../img/cate-ico03.png?ver=2);} #cate-ico.cate04 {background-image: url(../img/cate-ico04.png?ver=2);} #cate-ico.cate05 {background-image: url(../img/cate-ico05.png?ver=2);} #cate-ico.cate06 {background-image: url(../img/cate-ico06.png?ver=2);} #cate-ico.cate07 {background-image: url(../img/cate-ico07.png?ver=2);} #cate-name {font-size: 30px; color: #fff; font-weight: 700; text-align: center;} #brand-list {position: relative; /* top: -53px; */margin-top: -53px; width: 100%;} /* #brand-list ul {margin-left: 35px; margin-bottom: 20px;} */ #brand-list ul { text-align: center; font-size: 0;} /* #brand-list ul li {float: left; padding-right: 30px;} */ #brand-list ul li { display: inline-block; padding: 0 15px 20px;} #brand-list ul li:last-child {padding-right: 30px;} #brand-list ul li a {display: block; width: 105px; height: 105px; border-radius: 105px; background-color: #fff;} #brand-list ul li.on a, #brand-list ul li:hover a {box-shadow: 0px 0px 10px rgba(0,0,0,0.3);} #brand-list ul li:hover .brand-name {color: #000;} #brand-list ul li .brand-name {padding-top: 10px; text-align: center; font-size: 11px; color: #666;} #brand-list ul.not-eight {margin-left: 240px;} #sub-cate {width: 100%; margin: 40px 0 70px;} /* 신예 2018-11-26 */ #sub-cate>.safe-box>ul {width: 100%; display: table; border-collapse: collapse; position: relative;} /* 신예 2018-11-26 */ #sub-cate>.safe-box>ul>li {position: relative; width: 185px; height: auto; border: 1px solid #ddd; border-left: none; float: left;} #sub-cate>.safe-box>ul>li:nth-child(1) {border-left: 1px solid #ddd;} #sub-cate>.safe-box>ul>li:nth-child(6n) {width: 186px;} #sub-cate>.safe-box>ul>li:nth-child(7n) {border-left: 1px solid #ddd;} #sub-cate>.safe-box>ul>li>button {width: 185px; height: 48px; text-align: left; text-indent: 15px; background-image: url(../img/sub-cate-cl.png); background-repeat: no-repeat; background-position: 159px 50%; font-size: 14px;} /* 신예 2018-11-26 */ #sub-cate>.safe-box>ul>li.on {border-bottom: 0px solid #fff;} #sub-cate>.safe-box>ul>li.on>ul {display: block; z-index: 2;} #sub-cate>.safe-box>ul>li.on>button {font-weight: 700; color: #4a618d;} #sub-cate>.safe-box>ul>li.on>button:before {display: block; content: ""; height: 48px; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border: 1px solid #4a618d; border-bottom: 1px solid #fff; z-index: 3;} #sub-cate>.safe-box>ul>li.on.nonchild>button:before {border-bottom: 1px solid #4a618d;} #sub-cate>.safe-box>ul>li.on>button {background-image: url(../img/sub-cate-op.png);} #sub-cate>.safe-box>ul>li:nth-child(1n+6), #sub-cate>.safe-box>ul>li:nth-child(2n+6), #sub-cate>.safe-box>ul>li:nth-child(3n+6), #sub-cate>.safe-box>ul>li:nth-child(4n+6), #sub-cate>.safe-box>ul>li:nth-child(5n+6), #sub-cate>.safe-box>ul>li:nth-child(6n) {top: -1px;} #sub-cate>.safe-box>ul>li:nth-child(6) {top: 0px;} #sub-cate>.safe-box>ul>li>ul {position: relative; display: none; width: 1096px; padding: 18px 0px 8px 20px; height: auto; background-color: #fff; border: 1px solid #4a618d;} #sub-cate>.safe-box>ul>li:nth-child(1n+6)>ul, #sub-cate>.safe-box>ul>li:nth-child(1)>ul {margin-left: -1px;} #sub-cate>.safe-box>ul>li:nth-child(2n+6)>ul, #sub-cate>.safe-box>ul>li:nth-child(2)>ul {margin-left: -187px;} #sub-cate>.safe-box>ul>li:nth-child(3n+6)>ul, #sub-cate>.safe-box>ul>li:nth-child(3)>ul {margin-left: -373px;} #sub-cate>.safe-box>ul>li:nth-child(4n+6)>ul, #sub-cate>.safe-box>ul>li:nth-child(4)>ul {margin-left: -559px;} #sub-cate>.safe-box>ul>li:nth-child(5n+6)>ul, #sub-cate>.safe-box>ul>li:nth-child(5)>ul {margin-left: -745px;} #sub-cate>.safe-box>ul>li:nth-child(6n+6)>ul, #sub-cate>.safe-box>ul>li:nth-child(6)>ul {margin-left: -931px;} #sub-cate>.safe-box>ul>li>ul>li {width:182px; float: left; margin-bottom: 10px;} #sub-cate>.safe-box>ul>li>ul>li>a {display: block; font-size: 13px; color: #666;} /* 신예 2018-11-26 */ #sub-cate>.safe-box>ul>li>ul>li>a:hover, #sub-cate>.safe-box>ul>li>ul>li>a.on {color: #333; font-weight: 700;} #sub-cate>.safe-box>ul>li>ul>li>div.cate4 {/*display: none;*/ position: absolute; left: 0; bottom: -45px; width: 1096px; padding: 0 0 10px 21px; border-bottom: solid 1px #4a618d;} /* 신예 2018-11-26 */ #sub-cate>.safe-box>ul>li>ul>li>div.cate4>a {display: inline-block; width: 182px; font-size: 11px;} #sub-cate>.safe-box>ul>li>ul>li>div.cate4>a:hover, #sub-cate>.safe-box>ul>li>ul>li>div.cate4>a.on {color: #333; font-weight: 700;} /* 신예 2018-11-26 */ #cate-goods {padding-bottom: 100px;} #option-box { position: relative;} #option-box .goods-list-search {position: relative; width: 100%; height: 41px; margin-bottom: 40px; font-size: 11px; color: #666; border-bottom: 1px solid #ddd;} #option-box .goods-list-search input[type="text"] {width: 198px; height: 24px; margin-left: 7px; text-indent: 10px; border: 1px solid #ddd; border-right: none;} #option-box .goods-list-search input[type="submit"] {width: 56px; height: 26px; background-color: #333; border: 1px solid #333; color: #fff;} #option-box .sorting-opt {position: absolute; top: 7px; right: 0px;} #option-box .sorting-opt ul li {width: auto !important; height: auto !important; border: none !important; margin-right: 0px !important; float: left;} #option-box .sorting-opt ul li:after {display: block; content: "|"; color: #ddd; margin: 0px 13px; float: right;} #option-box .sorting-opt ul li:last-child:after {display: none;} #option-box .sorting-opt ul li a {font-size: 11px; color: #666;} #option-box .sorting-opt ul li a.on {color: #333; font-weight: 700;} #cate-goods .list-paging {width: 546px; margin: 0 auto; margin-top: 60px;} #cate-goods .list-paging ul li {width: auto !important; height: auto !important; margin-right: 5px !important; border: none !important; float: left;} #cate-goods .list-paging ul li.last-node {margin-right: 0px;} #cate-goods .list-paging ul li a {display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 12px; font-size: 1.25rem; color: #333; border: 1px solid #ddd;} #sub-container .sub-page-title {margin: 10px 0px 33px 0px; text-align: center; font-size: 32px; font-weight: 500; color: #333;} #sub-container .sub-content {margin-bottom: 80px;} #vContent .photo {min-width: 860px; height: auto;}