@charset "utf-8";

#main{padding:130px 46px 100px;}
.mt0 {margin-top:0 !important;}

.tit-box {text-align: center;margin:60px auto 40px;}
.tit-box h3.main-tit {display:inline-block;font-size:24px;font-weight:900;color:#fff;position:relative;padding-bottom:10px;font-family:'Noto Sans Myanmar';}
h3.main-tit:before {content:"";display:block;width:140%;height:1px;background:#fff;position: absolute;bottom:0;left:50%;transform:translateX(-50%);}
.top-search {padding:12px 22px;border-radius:34px;box-shadow: 0 10px 4px 0 rgba(0, 0, 0, 0.16);background:#fff;font-size:16px;font-weight:500;position:relative;}
.top-search button {width:40px;height:40px;background:url(/_public/images2/common/search_icon.svg) no-repeat;background-size:cover;position: absolute;top:50%;right:22px;transform:translateY(-50%);font-size:0;}
.search-wrap input {font-size:20px;font-weight:500; width: 100%;}
.recent-search {width:100%;border-radius:21px;background:#012E6C;padding:12px 22px;box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.16);margin-top:30px;}
.recent-search h4 {display:inline-block;position:relative;font-size:16px;color:#fff;padding-right:20px;vertical-align: top;}
.recent-search h4:before {content:"";display:block;width:1px;height:60%;background:#fff;transform:translateY(-50%);position:absolute;top:50%;left:82px;}
.recent-search a {display:inline-block;color:#fff;font-size:16px;font-weight:700;margin-right:15px;}
.sale-goods .list {width:100%;padding:20px 22px;border-radius:12px;background:#fff;box-shadow: 10px 6px 4px 0 rgba(0, 0, 0, 0.16), inset 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.sale-goods .list + .list {margin-top:20px;}
.sale-goods .list-in {display:flex;justify-content:space-between;align-items: flex-end;}
.sale-goods .list-in + .list-in {margin-top:2px;}
.sale-goods .list-in p {font-size:18px;color:#000000;}
.sale-goods .list-in:nth-child(1) {font-size:14px;font-weight:700;}
.sale-goods .list-in:nth-child(2) p {font-size:19px;font-weight:700;}
.sale-goods .list-in:nth-child(2) p:nth-child(2) {font-size:15px;color:#767676;}
.sale-goods .list-in:nth-child(3) p {font-size:18px;}
.sale-goods .list-in:nth-child(3) p strong {color:#ff4e00;font-size:20px;}
.sale-goods .list-in:nth-child(3) .price {font-size:20px;}
.sale-goods .list-in .inven {color:#707070;}
.sale-goods .list-in .inven span {color:#000000;}
.sale-goods .list-in .power {display:inline-block;position:relative;padding-left:20px;}
.sale-goods .list-in .power:before {content:"";display:block;width:1px;height:60%;background:#767676;position:absolute;top:50%;left:10px;transform:translateY(-50%);}
.sale-goods .list-in .price {font-size:20px;font-weight:700;color:#ff0a00;}
.sale-goods .list-in .tire-num {font-size:24px;font-weight:700;}
.sale-goods .list-in .tire-num span {display:block;font-size:14px;}
.sale-goods .list-in .quantity {display:flex;align-items: center;}
.sale-goods .list-in .quantity .qun-num {position:relative;padding:0 26px 0 8px;background:#E0E0E0;border:4px;width:90px;border-radius:4px;box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.16);height:45px;}
.sale-goods .list-in .quantity .qun-num input[type="number"] {font-size:18px;font-weight:700;line-height:45px;width:inherit;}
.sale-goods .list-in .quantity .qun-num button {width:10px;height:30px;background:url(/_public/images2/common/num_arrow.svg) 50% 50% no-repeat;background-size:cover;position:absolute;top:55%;right:10px;transform:translateY(-50%);}
.sale-goods .list-in .quantity .qun-num2 {width:55px;margin-left:15px;}
.sale-goods .list-in .quantity em {display:inline-block;font-size:18px;font-weight:700;padding-left:4px;color:#707070;}
.sale-goods .view-more {text-align:center;padding:28px 0;}
.sale-goods .view-more button {color:#fff;font-size:20px;font-weight:700;line-height:1;}


@media all and (max-width:640px) {
  #main {padding:102px 20px 60px;}

  .tit-box {margin:30px auto 25px;}
  .tit-box h3.main-tit {font-size:22px;padding-bottom:5px;}
  .top-search {padding:10px 16px;border-radius:34px;font-size:16px;}
  .top-search button {width:27px;height:27px;right:16px;}
  .search-wrap input {font-size:16px;font-weight:500;width: calc(100% - 32px);}
  .recent-search {padding:10px;margin-top:15px;border-radius:12px;}
  .recent-search h4 {font-size:13px;width:24%;padding:0;}
  .recent-search h4:before {left:62px;}
  .recent-search a {font-size:13px;width:24%;margin-right:0;}
  .sale-goods .list {width:100%;padding:14px 16px;}
  .sale-goods .list + .list {margin-top:10px;}
  .sale-goods .list-in {display:flex;justify-content:space-between;align-items: flex-end;}
  .sale-goods .list-in + .list-in {margin-top:2px;}
  .sale-goods .list-in p {font-size:16px;color:#000000;}
  .sale-goods .list-in:nth-child(2) p {font-size:13px;font-weight:700;}
  .sale-goods .list-in:nth-child(2) p:nth-child(2) {font-size:13px;color:#767676;}
  .sale-goods .list-in:nth-child(3) p {font-size:15px;}
  .sale-goods .list-in:nth-child(3) .price {font-size:17px;}
  .sale-goods .list-in:nth-child(3) p strong {font-size:17px;}
  .sale-goods .list-in .power {padding-left:10px;}
  .sale-goods .list-in .power:before {left:5px;}
  .sale-goods .list-in .tire-num {font-size:18px;font-weight:700;}
  .sale-goods .list-in .tire-num span {display:block;font-size:13px;}
  .sale-goods .list-in .quantity {display:flex;align-items: center;}
  .sale-goods .list-in .quantity .qun-num {padding:0 14px 0 6px;font-size:12px;width:60px;border-radius:4px;height:40px;}
  .sale-goods .list-in .quantity .qun-num input[type="number"] {font-size:14px;line-height:40px;width:inherit;}
  .sale-goods .list-in .quantity .qun-num button {width:10px;height:30px;right:5px;}
  .sale-goods .list-in .quantity .qun-num2 {width:38px;margin-left:10px;}
  .sale-goods .list-in .quantity em {display:inline-block;font-size:14px;font-weight:700;padding-left:3px;color:#707070;}
  .sale-goods .view-more {padding:20px 0;}
  .sale-goods .view-more button {font-size:16px;


}