@charset "UTF-8";

body {
    font-family: Arial, "Noto Sans TC", sans-serif;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #333;
}

.calculator {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

/* 標題 */
h1 {
    text-align: center;
    font-size: 26px;
}

.t02 {
    font-size: 14px;
    color: #999;
}

/* 說明 */
.notic {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.red { color: #c00; }

/* 輸入 */
.input-calculator {
    background: #fafafa;
    padding: 20px;
    border-radius: 10px;
}

input[type="number"] {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
}

/* 按鈕 */
button {
    padding: 10px 15px;
    border: none;
    cursor: pointer;
}

#cup, #advanced {
    background: #e91e63;
    color: #fff;
}

.gray {
    background: #999;
    color: #fff;
}

/* 錯誤 */
.warning {
    color: red;
    margin-top: 10px;
}

/* radio 圖片 */
input[type="radio"] {
    display: none;
}

.firstlabel-1,
.firstlabel-2,
.firstlabel-3,
.firstlabel-4,
.firstlabel-5 {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-size: cover;
    border-radius: 10px;
    border: 2px solid #eee;
    cursor: pointer;
}

/* 圖片（重點：一定要這裡修好） */
.firstlabel-1 {
    background-image: url("https://fs2.my-bras.com/upload/ftp/00.Size/img/bust-img_1.jpg");
}

.firstlabel-2 {
    background-image: url("https://fs2.my-bras.com/upload/ftp/00.Size/img/bust-img_2.jpg");
}

.firstlabel-3 {
    background-image: url("https://fs2.my-bras.com/upload/ftp/00.Size/img/bust-img_3.jpg");
}

.firstlabel-4 {
    background-image: url("https://fs2.my-bras.com/upload/ftp/00.Size/img/bust-img_4.jpg");
}

.firstlabel-5 {
    background-image: url("https://fs2.my-bras.com/upload/ftp/00.Size/img/bust-img_5.jpg");
}

/* 選取效果 */
input[type="radio"]:checked + label {
    border: 2px solid #e91e63;
    box-shadow: 0 0 6px rgba(233,30,99,0.4);
}

/* RWD */
@media (max-width: 768px) {
    .firstlabel-1,
    .firstlabel-2,
    .firstlabel-3,
    .firstlabel-4,
    .firstlabel-5 {
        width: 90px;
        height: 90px;
    }
}