section.stnEstimateWrap > main {}
article.stnOrderWrap {

}
article.stnOrderWrap > div.stnOrderWrap {
    margin-top:2rem;
}

h3.title { margin-bottom: 1rem; }
/*
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList {
    border:1px solid #ebebeb; padding:1rem 1rem; margin-bottom: 1rem; display: flex; flex-direction: column; gap: 1rem;
}

article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader {
    display: flex; gap: 1rem;
    font-size:.875rem; align-items: center;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader > div.wDate {

}
h3.title { margin-bottom: 1rem; }
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader > div.orderAmount {
    margin-left:auto; display: flex; align-items: center; gap: 1rem;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader > div.orderAmount > div.totAmount {
    display: flex; gap: 1rem; align-items: center; color:#666;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader > div.orderAmount > div.totAmount > span {
    color:#3498db; font-size: 1.25rem; font-weight: 500;
}

article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody {
    display: flex; justify-content: space-between;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.orderTitle {
    display: inline-block;
    justify-content:flex-start;
    color:#000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.status {

}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div > button.btn {
    font-size:.75rem; padding:0 .5rem;
}
*/
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList {
    margin-bottom: 2rem; display: flex; flex-direction: column;
}

article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader {
    display: flex; gap: 1rem;
    padding:1rem 1rem;
    font-size:.875rem; align-items: flex-end; justify-content: space-between; background: #f7f7f7; border-top:1px solid #333;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader  div.wDate,
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader  div.orderIdx {
    color:#666;
}

article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader > div.orderAmount {
    margin-left:auto; display: flex; align-items: center; gap: 1rem;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader > div.orderAmount > div.totAmount {
    display: flex; gap: 1rem; align-items: flex-end; color:#666;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader > div.orderAmount > div.totAmount > span {
    color:#000;  font-weight: 500;
}

article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody {
    display: flex; flex-direction: column; gap: 1rem;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody a,
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderLisFooter a {
    text-decoration: none; color:#333;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap {
    border-bottom:1px solid #ebebeb; padding:1rem 1rem; display: grid; grid-template-columns: 100px 1fr 100px; gap: 1rem;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.img {

}

article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.body {
    display: flex; flex-direction: column;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.body > div.goods > span {
    font-size: .9875rem; color:#212121;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.body > div.amount {
    display: flex; flex-direction: column; margin-top: .5rem; font-size:1rem; color:#666;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.order_status {
    font-size:1rem; color:#333; display: flex; flex-direction: column; align-items: center; gap: 1rem;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.order_status > div.order_status {
    display: flex; flex-direction: column; align-items: center; gap: 1rem;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.order_status > div.order_status > span {
    font-size: .875rem; font-weight: 500;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.order_status > div.order_status > span.delivery {
    border:1px solid #ebebeb;padding:.5rem 1rem; font-size: .875rem;
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderLisFooter {
    display: flex; justify-content: space-between; background: #f7f7f7; border-bottom: 1px solid #ebebeb; padding:.5rem 1rem;
}


article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderLisFooter > span {
    font-size: 1rem;
}


article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderLisFooter  > div.order_statusBtn {
    display: flex; gap: .5rem;
}

article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderLisFooter  > div.order_statusBtn > span  {
}
article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderLisFooter  > div.order_statusBtn > span > a {
    border:1px solid #ccc; display: flex;
    padding:.25rem 1rem; font-size: .875rem; color: #666; background: #FFF;
}

article.stnOrderViewWrap {
    border-top:1px solid #333;
    display: flex; flex-direction: column; gap: 1rem; margin-bottom:2rem; font-size:1rem;
}
article.stnOrderViewBoxWrap {
    border-top:1px solid #333;
    display: flex; flex-direction: column; margin-bottom:2rem;
}
article.stnOrderViewWrap > div.stnOrderViewWrap {
    display: grid; grid-template-columns: 100px 1fr; gap: 1rem;
    border-bottom:1px solid #ebebeb;
    padding:1rem 0;
}
article.stnOrderViewWrap > div.stnOrderViewWrap  > div.body {
    display: flex; flex-direction: column; justify-content: space-between;
}
article.stnOrderViewWrap > div.stnOrderViewWrap  > div.body > div.goods {
    display: flex; flex-direction: column;
}
article.stnOrderViewWrap > div.stnOrderViewWrap > div.body > div.goods > span {
    font-weight: 300;
}
article.stnOrderViewWrap > div.stnOrderViewWrap  > div.body > div.amount {
    display: flex; justify-content: space-between;
}
article.stnOrderViewBoxWrap > div {
    display: grid; grid-template-columns: 150px 1fr; font-size:.875rem; color:#666;
}
article.stnOrderViewBoxWrap > div > div {
    padding:.75rem 1rem; border-bottom:1px solid #ebebeb;
}
article.stnOrderViewBoxWrap > div > div.item {
    background: #f4f4f4;
}

article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader a {
    text-decoration: none; color: inherit;
}



@media (max-width: 599px) {
    article.stnOrderViewBoxWrap > div {
        grid-template-columns: 1fr;
    }
    article.stnOrderViewWrap > div.stnOrderViewWrap {
        grid-template-columns:1fr;
    }
    article.stnOrderViewWrap > div.stnOrderViewWrap > div.img {
        display: none;
    }
    article.stnOrderViewWrap > div.stnOrderViewWrap > div.body {
        gap: 1rem;
    }
    article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader {
        flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0;
    }
    article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListHeader > div.orderAmount {
        margin-left:0; justify-content: space-between; flex: 1; width:100%;
    }

    article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap {
        grid-template-columns: 100px 1fr;
    }
    article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.order_status {
        grid-column: 1 / 3; flex-direction: row; justify-content: space-between;
    }
    article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.order_status > div.order_status {
        justify-content: space-between; flex-direction:row; flex: 1;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap {
        grid-template-columns: 100px 1fr;
    }
    article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.order_status {
        grid-column: 1 / 3; flex-direction: row; justify-content: space-between;
    }
    article.stnOrderWrap > div.stnOrderWrap > div.stnOrderList > div.stnOrderListBody > div.stnOrderViewWrap > div.order_status > div.order_status {
        justify-content: space-between; flex-direction:row; flex: 1;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {


}