@charset "utf-8";

.reverse_list {clear: both;width: 100%;float: left;}
.reverse_list > ul > li {margin-top: 2%;width: 49%;float: left;border: #ccc 1px solid;padding: 20px;}
.reverse_list > ul > li a {display:block;}
.reverse_list > ul > li:nth-child(2n) {float:right;}
.reverse_list > ul > li:nth-child(2n+1) {clear: both;}
.reverse_list > ul > li > a > img {display:block;width:40%;float:left;aspect-ratio: 204 / 145;}





.reverse_con {width: calc(100% - 45%);float: right;}
.reverse_con h3 {font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.reverse_con ol li {clear: both;margin: 5px 0;width: 100%;overflow: hidden;position: relative;padding-left: 12px;font-size: 14px;}
.reverse_con ol li:before {content:'';width:5px;height:5px;display:inline-block;background:#cdcdcd; border-radius:50%;position:absolute;left:0;top:8px;}
.reverse_con ol li span {color:#e60012;font-weight:500;}
.reverse_btn {clear: both;overflow: hidden;margin-top: 15px;}
.reverse_btn span {display:inline-block;vertical-align: middle;background: #fff;color:#e60012;border: #e60012 1px solid;border-radius: 4px;padding: 3px 20px;font-size: 16px;box-sizing: border-box;text-align: center;}
.reverse_btn span:hover {background: #e60012;color:#fff;}

#reverse_d_head {overflow: hidden;border: #ccc 1px solid;padding: 30px;position: relative;}
.r_d_status {display: inline-block;line-height: 1;padding: 10px 15px;border-radius: 4px;position: absolute;right: 30px;top: 30px;}
.r_d_status.on {background: #e60012;color:#fff;}
.r_d_status.off {background: #bfbfbf;color:#fff;}
#reverse_d_head h3 {font-size: 23px;font-weight: 600;margin-bottom: 20px;}


#reverse_d_head ol li {clear: both;margin: 5px 0;width: 100%;overflow: hidden;position: relative;padding-left: 13px;}
#reverse_d_head ol li:before {content:'';width:5px;height:5px;display:inline-block;background:#cdcdcd; border-radius:50%;position:absolute;left:0;top:8px;}
.bid_price {display: inline-block;position: absolute;right: 30px;bottom: 30px;}
.bid_price span {display: inline-block;margin-left:20px;padding:10px 20px;border-radius:3px;}
.bid_price span strong {display: block;font-weight:600;}
.bid_price span.target {border:#e60012 1px solid;}
.bid_price span.Cheapest {border:#0059ff 1px solid;}

.reverse_d_list {clear: both;width: 100%;overflow: hidden;margin-top:30px;}

.reverse_d_list > div > table{border-bottom:1px solid #d3d3d3;border-top:2px solid #000;}
.reverse_d_list > div > table th {padding:10px; border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;font-size:13px; background:#f3f3f3;color:#383838;text-align:center;font-weight:bold}
.reverse_d_list > div > table th input {padding:5px;vertical-align:top} /* middle ·Î ÇÏ¸é °Ô½ÃÆÇ Àб⿡¼­ ¸ñ·Ï »ç¿ë½Ã üũ¹Ú½º ¶óÀÎ ±úÁü */
.reverse_d_list > div > table td {padding:10px;border-bottom:1px solid #d3d3d3;font-size:13px;border-left:1px solid #d3d3d3; text-align:center;word-break:break-all}
.reverse_d_list > div > table td img {display:inline-block;width:100%;}
.reverse_d_list > div > table td:first-child, .offer_list table th:first-child{border-left:none}

.reverse_d_list > ul {margin-top:10px;border-top: #bfbfbf 2px solid;overflow: hidden;}
.reverse_d_list > ul > li {clear:both;width:100%;overflow:hidden;padding: 20px;border-bottom: #ddd 1px solid;}
.reverse_d_list > ul > li img {width: 300px;float:left;aspect-ratio: 204 / 145;}
.r_d_con {width: calc(100% - 350px);float: right;}
.r_d_con h3 {font-size: 23px;margin: 10px 0 30px 0;font-weight: 600;}
.reverse_d_list > ul > li a {display:block;}
.r_d_con ol li {clear: both;margin: 5px 0;width: 100%;overflow: hidden;position: relative;font-size:17px;}
.r_d_con ol li span {display: inline-block;margin-right:10px;}
.r_d_con ol li span:before{content:'';width:5px;height:5px;display:inline-block;background:#cdcdcd; border-radius:50%;margin-right:10px;}
.r_d_con ol li span:first-child:before {display:none;}
.r_d_con ol li strong {color:#0059ff;font-weight:600; }
.reverse_d_btn {clear: both;width: 100%;overflow: hidden;margin-top: 30px;text-align: right;}
.reverse_d_btn a, .reverse_d_btn button {margin-left: 10px;display: inline-block;vertical-align: middle;border-radius: 4px;padding: 10px 30px;font-size: 17px;box-sizing: border-box;text-align: center;}
a.bid_status {background: #fff;color:#e60012;border: #e60012 1px solid;}
a.bid_btn, button.bid_btn {background:#e60012;color:#fff;border: #e60012 1px solid;border-radius: 4px;padding: 10px 30px;}
a.bid_delete {background: #fff;color:#686868;border: #686868 1px solid;}




.bidding_layer {display:none;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100%;z-index: 999;}

.blayer_inner {width: 100%;height: 100%;position:relative;}
.bodding_detail_popup {width: 700px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border:#ddd 1px solidborder-radius:5px;overfow:hidden;}
.bodding_pop_header {border-bottom: #ddd 1px solid;padding: 15px;overflow:hidden;}
.bodding_pop_header span {display: inline-block;float: left;font-size: 23px;font-weight: 600;}
.bodding_pop_header .btn_close {cursor:pointer;display:inline-block;float:right;}
.detail_pop_container {padding:30px;clear:both;overflow:hidden;}
.detail_pop_container h3 {font-size: 20px;font-weight: 600;margin:30px 0 10px 0;clear:both;}
.detail_pop_container h3:first-child {margin-top:0;}
.detail_pop_container > p {border: #ddd 1px solid;border-radius: 3px;background: #f8f8f8;padding: 20px;line-height:1.5;}
.detail_pop_container > div > input[type="text"] {display: block;width: 49%;}
.detail_pop_container > div > textarea {display: block;width: 100%;height:200px;}
.bodding_pop_bottom {clear: both;width: 100%;border-top: #ddd 1px solid;background: #f7f7f7;text-align: center;padding: 20px;}
.bodding_pop_bottom button {margin: 0 5px;display: inline-block;vertical-align: middle;border-radius: 4px;padding: 10px 30px;font-size: 17px;box-sizing: border-box;text-align: center;}
.bodding_pop_bottom button.b_close {background: #fff;color:#686868;border: #bdbdbd 1px solid;}
.bodding_pop_bottom button.b_submit {background:#e60012;color:#fff;border: #e60012 1px solid;}




.myreverse_list table{border-bottom:1px solid #d3d3d3;border-top:2px solid #000;}
.myreverse_list table th {padding:10px; border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;font-size:13px; background:#f3f3f3;color:#383838;text-align:center;font-weight:bold}
.myreverse_list table th:first-child {border-left:none;}
.myreverse_list table th input {padding:5px;vertical-align:top} /* middle ·Î ÇÏ¸é °Ô½ÃÆÇ Àб⿡¼­ ¸ñ·Ï »ç¿ë½Ã üũ¹Ú½º ¶óÀÎ ±úÁü */
.myreverse_list table td {padding:10px;border-bottom:1px solid #d3d3d3;font-size:13px;border-left:1px solid #d3d3d3; text-align:center;word-break:break-all}
.myreverse_list table td:first-child, .offer_list table th:first-child{border-left:none}
.myreverse_list table td a {display: inline-block;border-radius: 4px;padding: 7px 19px;font-size: 15px;box-sizing: border-box;text-align: center;background: #e60012;color: #fff;border: #e60012 1px solid;}

.myreverse_list table td span {display: inline-block;font-size: 13px;box-sizing: border-box;letter-spacing: 0;font-weight: 300;}
.myreverse_list table td span.on {background: #e60012;color: #fff;border-radius: 20px;padding: 3px 11px;}
.myreverse_list table td span.closed {background: #686868;color: #fff;border-radius: 20px;padding: 3px 11px;}
.myreverse_list table td span.award {background: #0059ff;color: #fff;border-radius: 20px;padding: 3px 11px;}

.myreverse_list table td img {display: inline-block;width: 100%;max-width:100px;}
.bodding_d_btn {display: inline-block;right: 20px;bottom: 20px;position: absolute;}
.bodding_d_btn a {display: inline-block;border-radius: 4px;padding: 7px 19px;font-size: 15px;box-sizing: border-box;text-align: center;background: #e60012;color: #fff;border: #e60012 1px solid;}
.myreverse .reverse_d_list > ul > li {position:relative;}

.bid_list_table {clear:both;width:100%;overflow:hidden;margin-top:30px;}
.bid_list_table table{border-bottom:1px solid #d3d3d3;border-top:2px solid #000;}
.bid_list_table table th {padding:10px; border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;font-size:13px; background:#f3f3f3;color:#383838;text-align:center;font-weight:bold}
.bid_list_table table td {padding:10px;border-bottom:1px solid #d3d3d3;font-size:13px;border-left:1px solid #d3d3d3; text-align:center;word-break:break-all}
.bid_list_table table td:first-child, .offer_list table th:first-child{border-left:none}
.bid_list_table table td button.noselect {display: inline-block;border-radius: 4px;padding: 5px 10px;font-size: 13px;box-sizing: border-box;text-align: center;color: #686868;background: #fff;border: #ccc 1px solid;}
.bid_list_table table td button.bselect {display: inline-block;border-radius: 4px;padding: 5px 10px;font-size: 13px;box-sizing: border-box;text-align: center;color: #fff;background: #0059ff;border: #0059ff 1px solid;}




.auction_list {clear: both;width: 100%;overflow: hidden;}
.auction_list > ul {margin-top:10px;border-top: #bfbfbf 2px solid;overflow: hidden;}
.auction_list > ul > li {clear:both;width:100%;overflow:hidden;padding: 20px;border-bottom: #ddd 1px solid;position:relative;}
.auction_list > ul > li img {width: 300px;float:left;aspect-ratio: 204 / 145;}
.auction_con {width: calc(100% - 350px);float: right;}
.auction_con h3 {font-size: 20px;margin: 10px 0 30px 0;font-weight: 600;}
.auction_con h3 span {display: inline-block;border-radius: 20px;padding: 3px 11px;font-size: 13px;box-sizing: border-box;color: #fff;letter-spacing: 0;font-weight: 300;}
.auction_con h3 span.on {background: #e60012;}
.auction_con h3 span.closed {background: #686868;}
.auction_con h3 span.award {background: #0059ff}
.auction_list > ul > li a {display:block;}
.auction_con ol li {clear: both;margin: 5px 0;width: 100%;overflow: hidden;position: relative;font-size:17px;}
.auction_con ol li span {display: inline-block;margin-right:10px;}
.auction_con ol li span:before{content:'';width:5px;height:5px;display:inline-block;background:#cdcdcd; border-radius:50%;margin-right:10px;}
.auction_con ol li span:first-child:before {display:none;}
.auction_con ol li strong {color:#0059ff;font-weight:600; }
.auction_btn {display: inline-block;position: absolute;right: 0;bottom: 48px;}
.auction_btn a {display: inline-block;vertical-align: middle;border-radius: 4px;padding: 10px 30px;font-size: 17px;box-sizing: border-box;text-align: center;background:#e60012;color:#fff;border: #e60012 1px solid;}
.auction_d_info, .auction_d_bid {clear: both;width: 100%;overflow: hidden;margin-top: 30px;}
.auction_d_info h2, .auction_d_bid h2 {font-size: 25px !important;padding-bottom: 10px;border-bottom: #ddd 1px solid;margin-bottom: 20px;clear: both;}
.auction_car {float: left;width: 49%;padding: 0;}
.auction_car > img {width: 100%;display:block;height: auto;aspect-ratio: 4 / 3;}
.auction_car_info {position: relative;float: right;width: 48%;}
.auction_d_bid ul {overflow:hidden;padding-bottom:20px;border-bottom:#ddd 1px solid;}
.auction_d_bid li {width:48%;float:left;}
.auction_d_bid li:last-child {width:48%;float:right;}
.auction_d_info > div > table{border-bottom:1px solid #d3d3d3;border-top:2px solid #000;width:100%;min-width:600px;}
.auction_d_info > div > table th {padding:10px; border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;font-size:13px; background:#f3f3f3;color:#383838;text-align:center;font-weight:bold}
.auction_d_info > div > table td {padding:10px;border-bottom:1px solid #d3d3d3;font-size:13px;border-left:1px solid #d3d3d3; text-align:center;word-break:break-all}
.auction_d_info > div > table td:first-child, .auction_d_info > div > table th:first-child{border-left:none}
.mobile_scroll_message02 {display:none;}

.saleoffer .car_d_other{clear: both;width: 100%;overflow: hidden;margin-top: 30px;}
.saleoffer .car_d_other h2 {font-size: 25px !important;padding-bottom: 10px;border-bottom: #ddd 1px solid;margin-bottom: 20px;clear: both;}


.offers_write_con {clear: both;width: 100%;overflow: hidden;}
.offers_write_con > form > h2 {clear:both;font-size: 25px !important;padding-bottom: 10px;margin: 30px 0 0 0;clear: both;}
#mid_part #content .offers_write_con > form > h2:first-child {margin-top:0 !important;}
.offers_write_con > form > div {clear: both;width: 100%;overflow: hidden;}
.offers_write_con > form > div table{border-bottom:1px solid #d3d3d3;border-top:2px solid #000;}
.offers_write_con > form > div table th {width:20%;padding:10px; border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;font-size:13px; background:#f3f3f3;color:#383838;text-align:center;font-weight:bold}
.offers_write_con > form > div table td {padding:10px;border-bottom:1px solid #d3d3d3;font-size:13px;border-left:1px solid #d3d3d3; text-align:left;word-break:break-all}
.offers_write_con > form > div table td:first-child, .offers_write_con > form > div table th:first-child{border-left:none}
.offers_write_con > form > div table td select, .offers_write_con > form > div table td input[type="number"] {box-sizing: border-box;padding: 8px 16px;font-size: 14px;line-height: 150%;font-weight: 400;color: #797979;border: #bdbdbd 1px solid;border-radius: 4px;}
.offers_write_con > form > div table td #it_name {width:100%;}
.auction_car_info .car_d_satus li .std {text-align:right;}



#bid_reg_con ul {overflow:hidden;padding-bottom:20px;border-bottom:#ddd 1px solid;}
#bid_reg_con li {width:48%;float:left;}
#bid_reg_con li:last-child {width:48%;float:right;}
#bid_reg_con li div input[type="date"], #bid_reg_con li div input[type="text"] {width:100%;}
#bid_reg_btn {clear: both;width: 100%;overflow: hidden;margin-top: 30px;text-align: right;}
#bid_reg_btn button{margin-left: 10px;display: inline-block;vertical-align: middle;border-radius: 4px;padding: 10px 30px;font-size: 17px;box-sizing: border-box;text-align: center;border: #e60012 1px solid;color:#e60012;}
.reverse_d_btn .bid_status {
    background: #fff;
    color: #e60012;
    border: #e60012 1px solid;
}


.offer_inner {
    width: 50%;
    margin: 0 auto;
	overflow:hidden;
	border:#ddd 1px solid;
	padding : 30px;
}
.auction_d_bid .offer_inner li {width:100%;text-align:center;}

@media all and (max-width:1000px){


.reverse_d_list > div {width: 100%;overflow-x: scroll;overflow-y: hidden;}
.reverse_d_list > div table {min-width: 1000px;}

.myreverse_list > div {width: 100%;overflow-x: scroll;overflow-y: hidden;}
.myreverse_list > div table {min-width: 1000px;}
}

@media (max-width: 870px) {

.auction_car {width: 100%;}
.auction_car_info {width: 100%;clear: both;margin-top: 25px;}
}

@media all and (max-width:800px){

.reverse_list > ul > li > a > img {width:100%;}
.reverse_con {width: 100%;float: left;clear:both;margin-top:20px;}
.reverse_list > ul > li {padding: 12px;}
.bid_price span {display: block;margin-left: 0;padding: 10px;width:48%;float:left;}
.bid_price span:last-child {float:right}
.bid_price span strong {display:inline-block;margin-right:10px;}
}

@media all and (max-width:670px){
.offer_inner { width: 80%;}
.auction_d_bid .offer_inner li input[type=text] {display:block;width:100%;}
}
@media all and (max-width:630px){
.mobile_scroll_message02 {display:block;padding-top:10px;}
.auction_d_info > div {width:100%;overflow-x:scroll;overflow-y:hidden;}
}


@media all and (max-width:560px){

#reverse_d_head {padding: 15px;}
.bid_price {display: block;position: relative;right: auto;bottom: auto;clear:both;width:100%;}
}

@media all and (max-width:500px){
.auction_d_bid li {width: 100%;float: left;}
.auction_d_bid li:last-child {width: 100%;float: left;clear:both;margin-top:10px;}
#bid_reg_con li {width: 100%;float: left;}
#bid_reg_con li:last-child {width: 100%;float: left;clear:both;margin-top:10px;}
.reverse_d_btn#reverse_s_btn a {padding: 10px;}
.offers_write_con > form > div table, .offers_write_con > form > div table tbody, .offers_write_con > form > div table th, .offers_write_con > form > div table td, .offers_write_con > form > div table tr {display:block;width:100%;clear:both;}
.offers_write_con > form > div table colgroup, .offers_write_con > form > div table caption {display:none;}
.offers_write_con > form > div table td, .offers_write_con > form > div table th {border-left:none; padding: 7px;text-align:left;}
.offers_write_con > form > div table td span {display:block;}
.offers_write_con > form > div table th {border-bottom:none;background:#fff;}
.offers_write_con > form > div table th label {margin-bottom: 0;}
.offers_write_con > form > h2 {font-size: 20px !important;}
}

@media all and (max-width:400px){

.reverse_list > ul > li{width:100%;}
#reverse_d_head h3 {font-size: 20px;margin-bottom: 10px;}
.r_d_status {display: inline-block;line-height: 1;padding: 8px;border-radius: 4px;position: relative;right: auto;top: auto;margin-bottom: 10px;}
}
@media all and (max-width:460px){
.bid_price span strong {display:block;margin-right:0;}
.reverse_d_btn a {margin-left: 0;display: block;width: 48%;padding: 10px 0;font-size: 14px;float:left;}
.reverse_d_btn a:last-child {float:right}
.reverse_d_btn#reverse_s_btn a:nth-child(2) {float:right;}
.reverse_d_btn#reverse_s_btn a:nth-child(3) {clear:both;width:100%;margin-top:2%;}
}