:root {
    --font-size: 18px;
    --select-height: 40px;
    --clothList-size: 726px;
    --carrierWindow-height: 220px;
}

@media screen and (max-width: 680px) {
    :root {
        --font-size: 3.2vw;
        --select-height: 6.5vw;
        --clothList-size: 100vw;
        --carrierWindow-height: 30vh;
    }
}

#result {
    text-align: center;
}

#shadowDlog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
    display: none;
}

#carrierWindow {
    position: fixed;
    top: 20vh;
    left: calc((100vw / 2) - (var(--clothList-size) * 0.45));
    width: calc(var(--clothList-size) * 0.9);
    height: var(--carrierWindow-height);
    background: #ddd;
    z-index: 20;
    border-radius: var(--font-size);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: none;
}

#carrierSel {
    font-size: var(--font-size);
}

#modelSel {
    font-size: var(--font-size);
}

#modelSelected {
    font-size: var(--font-size);
    font-weight: bold;
    color: #fff;
    background: #77f;
}

div.description {
    font-size: var(--font-size);
    font-weight: bold;
    color: #77f;
}

div.hSpace {
    height: var(--font-size);
    clear: both;
}

select[name="carrier"] {
    width: 30%;
    height: var(--select-height);
    font-size: var(--font-size);
}

select[name="model"] {
    width: 65%;
    height: var(--select-height);
    font-size: var(--font-size);
}

span.error {
    color: red;
}

div.clothItem {
    display: table-cell;
    float: left;
    width: calc(var(--clothList-size) / 2);
    height: calc(var(--clothList-size) * 0.55);
    text-align: center;
}

div.clothItem>a {
    text-decoration: none;
}

div.cloth_price {
    margin-left: auto;
    margin-right: auto;
    color: #000;
    font-weight: bold;
    font-size: var(--font-size);
    width: calc((var(--clothList-size) - var(--font-size) * 2) / 2);
    border: solid 1px #ddd;
    border-radius: var(--font-size);
    background: rgba(255, 200, 200, 0.5);
}

img.clothImg {
    width: 90%;
    border: solid 1px #ddd;
}