@import "hansSetting.less";
.moduleTemp {
    .row a {
        width: 100%;
    }

    .delTmpBtn {
        background-color: @deep_bg_color;
        color: white;
        border-color: white;
        border-style: ridge;
        width: 2rem;
        height: 2rem;
        position: relative;
        transform: translateX(15px);
    }

    .row textarea {
        resize: none;
        overflow: hidden;
        border-style: none;
    }

    .oneImgCenter {
        a {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
        }

        .wording {
            background-color: @deep_bg_color;
            padding-top: 1rem;
        }
    }

    .oneBigWording {
        height: 100%;
        background-color: @deep_bg_color;
        padding: 2rem 1.5rem 0;
        line-height: 1rem;
    }

    .twoImgTmpWording {
        width: 100%;
        background-color: @deep_support_color;
        padding-top: 1.5rem;
    }

    .threeImgTmpWording {
        width: 100%;
        background-color: @deep_support_color;
        padding-top: 1rem;
    }

    .tmpAddArea {
        padding: 0 0 0 1rem;
        position: fixed;
        bottom: 0.5rem;
        left: 100%;
        transform: translateX(-44rem);
        width: 44rem;
        height: auto;
        z-index: 10002;
        border: 3px groove;
        background-color: #ccc;

        .desc {
            display: inline-block;
            width: 4rem;
        }

        a {
            display: inline-block;
            width: 6rem;

            img {
                width: 100%;
            }
        }
    }

    .tmpAddArea .row img {
        width: 100%;
    }

    .titleDescBetween{
        margin-bottom: 0.5rem;
    }

    .tmpTitle {
        color: @standard_color;
        font-size: 1.1rem;
        line-height: 1.5rem;
        letter-spacing: 0.1rem;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: justify;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        padding-bottom: 0.5rem;
        //-webkit-line-clamp: 1;
        //height: 1.5rem;

        &:disabled {
            &::placeholder {
                visibility: hidden;
            }
        }
    }

    .tmpDesc {
        color: @deep_font_color;
        letter-spacing: 0.1rem;
        font-size: 0.9rem;
        position: relative;
        line-height: 1.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: justify;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        //-webkit-line-clamp: 3;
        //height: 4.5rem;

        &:disabled {
            &::placeholder {
                visibility: hidden;
            }
        }
    }
}