.p-imgupload {

    &__area {
        background-color: $upload_bg;
        background-image: url(#{$admin_img_path}img_upload.png);
        background-repeat: no-repeat;
        background-position: center 20px;
        border: 3px dotted $light-glay;
        width: 200px;
        height: 150px;
        position: relative;
        display: table;
        
        & p {
            position: absolute;
            width: 100%;
            text-align: center;
            bottom: 0px;
            margin: 5px;
            font-weight: bold;
        }

        & img {
            text-align:center;

        }

        & > div {
            width: 200px;
            height: 150px;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }
        & > div > img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            margin: 0 auto;
        }
    }

    &__area2 {
        background-color: $upload_bg;
        background-image: url(#{$admin_img_path}img_upload.png);
        background-repeat: no-repeat;
        background-position: center 20px;
        border: 3px dotted $light-glay;
        width: 200px;
        height: 150px;
        position: relative;
        display: table;
        
        & p {
            position: absolute;
            width: 100%;
            text-align: center;
            bottom: 0px;
            margin: 5px;
            font-weight: bold;
        }

        & img {
            text-align:center;

        }

        & > div {
            width: 200px;
            height: 150px;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }
        & > div > img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            margin: 0 auto;
        }
    }

    &__area3 {
        background-color: $upload_bg;
        background-image: url(#{$admin_img_path}img_upload.png);
        background-repeat: no-repeat;
        background-position: center 20px;
        border: 3px dotted $light-glay;
        width: 200px;
        height: 150px;
        position: relative;
        display: table;
        
        & p {
            position: absolute;
            width: 100%;
            text-align: center;
            bottom: 0px;
            margin: 5px;
            font-weight: bold;
        }

        & img {
            text-align:center;

        }

        & > div {
            width: 200px;
            height: 150px;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }
        & > div > img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            margin: 0 auto;
        }
    }

    &__reform {
        background-color: $upload_bg;
        background-image: url(#{$admin_img_path}img_upload.png);
        background-repeat: no-repeat;
        background-position: center 20px;
        border: 3px dotted $light-glay;
        width: 200px;
        height: 150px;
        position: relative;
        display: table;
        
        & p {
            position: absolute;
            width: 100%;
            text-align: center;
            bottom: 0px;
            margin: 5px;
            font-weight: bold;
        }

        & img {
            text-align:center;

        }

        & > div {
            width: 200px;
            height: 150px;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }
        & > div > img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            margin: 0 auto;
        }
    }

}