:root {
    --color-1: #ff6600;/* 亮橘色 */
    --color-2: #dd5900;/* 暗橘色 */

    /* (2022-12-21) itix_1221.ppt */
    --color-1: #543345;/* 暗紅色 */
    --color-2: #8b5757;/* 淺紅色 */
    --color-3: #b48a1c;/* 暗金色 */
    --color-4: #c6c6c5;/* 灰白色 */

}


/* title ----------------------------------------------------- */
.title-1,
.title-2 {
    font-size: 28px;
    line-height: 22px;
    line-height: 36px;
    color: #373737;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    display: block;
    margin: 0 0 40px;
    font-weight: 700;
    position: relative;
}
.title-2 {
    font-size: 24px;
    margin-bottom: 20px;
}

/* label ----------------------------------------------------- */
.label-1 {
    font-size: 16px;
    font-weight: 400;
    margin: 15px 1px 5px;
}

/* btn ----------------------------------------------------- */
.btn-1,
.btn-2 {
    border: 1px solid var(--color-1);
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-family: "Montserrat-Regular";
    padding: 10px 15px;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-1:focus,
.btn-2:focus,
button:focus {
    outline: unset !important;
}
.btn-1 {
    color: #ffffff;
    background-color: var(--color-1);
}
.btn-1:hover {
    color: #ffffff;
    border-color: var(--color-2);
    background-color: var(--color-2);
}
.btn-2 {
    color: var(--color-1);
    background-color: #ffffff;
}
.btn-2:hover {
    color: #ffffff;
    border-color: var(--color-1);
    background-color: var(--color-1);
}

/* btn-fb ----------------------------------------------------- */
.btn-fb {
    color: #ffffff;
    border-color: #1877f2;
    background-color: #1877f2;
}
.btn-fb:hover {
    background-color: #3e5c98;
}