.detailRelated { position: relative; overflow: hidden; } @media (min-width: 768px) { .hightlights { padding-bottom: 0; } .detailRelated .product-feature-slick.slick-slider { width: 80%; margin-left: 10%; } } .detailRelated .slick-track { display: table; border-collapse: separate; border-spacing: 10px; } .detailRelated .slick-slide { display: table-cell; position: relative; float: none; width: 100%; vertical-align: top; border: 1px solid #fdc100; } @media (min-width: 768px) { .detailRelated .slick-slide { border: 0; } } .detailRelated .slick-track:before, .detailRelated .slick-track:after { display: none; } .detailRelated .slick-slide img { width: 100%; } .detailRelated .slick-list { overflow: visible; } @media (min-width: 768px) { .detailRelated .slick-list { overflow: hidden; } } .detailItem { width: 100%; box-sizing: border-box; } .detailItem figure { margin: 0; width: 80%; } .detailItem figcaption { padding: 0 6% 2%; } @media (min-width: 768px) { .detailItem { /*white-space:nowrap;*/ min-height: 320px; } .detailItem figure, .detailItem figcaption { display: inline-block; vertical-align: middle; white-space: normal; text-align: left; } .detailItem figure { width: 30%; margin-left: 100px; margin-top: 0; margin-bottom: 0; } .detailItem figcaption { position: relative; width: calc(57% - 100px); box-sizing: border-box; padding: 3% 2% 3%; margin-bottom: 3%; } } .hightlights-info h4 { font-size: 5.5vw; margin: 0 0 5px; } @media (min-width: 768px) { .hightlights-info h4 { font-size: 0.35rem; } } .hightlights-desc { font-size: 4.2vw; margin-bottom: 8%; } @media (min-width: 768px) { .hightlights-desc { font-size: 0.21rem; margin-bottom: 6%; } } .detailItem ul, .detailItem ol { padding: 0; margin-bottom: 12%; } @media (min-width: 768px) { .detailItem ul, .detailItem ol { margin-bottom: 7%; } .detailItem .hightlights-info p { font-size: 0.21rem; } } .detailItem ul li, .detailItem ol li { list-style-type: disc !important; list-style-position: inside !important; font-size: 4vw; margin: 4% 0; } .hightlights-info p { font-size: 4vw; } @media (min-width: 768px) { .detailItem ul li, .detailItem ol li { font-size: 0.21rem; margin: 2% 0; } .detailItem ul li span, .detailItem ol li span { color: #343434 !important; } } .detailRelated .slick-btn { display: none !important; } @media (min-width: 768px) { .detailRelated .slick-btn { display: block !important; } .detailRelated .slick-hidden { display: none !important; } .detailRelated .slick-disabled { display: none !important; } } .hightlights-price { margin: 4% 0 6%; font-size: 9vw; color: #fdc100; } .hightlights-price .price { display: inline-block; color: #000; } .hightlights-price span:last-child, .hightlights-price .origin-price { display: block; } @media (min-width: 768px) { .hightlights-price { font-size: 0.6rem; padding-top: 1%; clear: both; margin-bottom: 5%; } .hightlights-price span:last-child, .hightlights-price .origin-price { display: inline-block; margin-left: 5px; } .hightlights-info .old-money { font-size: 0.6rem; padding-top: 1%; clear: both; margin-bottom: 5%; } .hightlights-info .old-money span.price { color: #fdc100; } } .detailRelated .btn-container { width: 100%; } @media (min-width: 768px) { .detailRelated .btn-container { position: absolute; text-align: left; bottom: 0; white-space: nowrap; width: 68%; margin-bottom: 0; } } .btn-container { text-align: center; font-size: 0; } .standard-btn { display: inline-block; font-size: 3.8vw; padding: 3% 8%; vertical-align: middle; } @media (min-width: 768px) { .standard-btn { font-size: 0.2rem; padding: 2% 5%; } } .bg-yellow { background-color: #fdc100; } .slick-btn { position: absolute; top: 50%; background-color: #fff; z-index: 2; width: 35px; padding-top: 35px; border-radius: 100px; text-align: center; border: 1px solid #ddd; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); } @media (min-width: 768px) { .slick-btn { width: 50px; padding-top: 50px; } } .slick-btn img { position: absolute; top: 50%; left: 50%; width: 33%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .slick-btn-right { right: 10px; } .slick-btn-left { left: 10px; } @media (min-width: 768px) { .slick-btn-right { right: 0; margin-right: 30px; } .slick-btn-left { left: 0; margin-left: 30px; } } .detailItem .remains-tag { position: absolute; margin-top: 0.1rem; } @media (min-width: 768px) { .detailItem .remains-tag { position: relative; float: left; margin-top: 0; } } @media (max-width: 768px) { .hightlights-info .old-money { font-size: 8vw; margin-bottom: 12%; } .hightlights-info .old-money span.price { color: #fdc100; } } @media (min-width: 1100px) { .detailItem { min-height: 405px; } } @media (min-width: 1412px) { .detailItem { min-height: 520px; } }