
#promFrame {
    margin-bottom: 0px;
    clear: both;
    margin-top: 0px;
    /* height:100%; */
}
#contentAll {
    padding-bottom: 0px !important;
}
#promFrame .animatedFast {
    float: left;
    border: 1px solid;
}
#promFrame .box_promFrame {
    overflow: hidden;
    margin-top: 20px;
    display: none;
}
#promFrame .div_setting_promFrame {
    float: right;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 9000;
    padding-right: 10px;
    margin-bottom: 10px;
}
#promFrame .icon_setting_promFrame {
    width: 35px;
    cursor: pointer;
}
#promFrame .icon_promFrame {
    float: left;
    margin-bottom: 10px;
    width: 170px;
    cursor: pointer;
    background: #111;
    background-image: url(/app/promDesign/graphic/img/bg-1.jpg);
    background-size: cover;
}
#promFrame .promFrame_BG {
    background-image: url(/app/promDesign/graphic/img/bg-1.jpg);
    background-size: cover;
}
#promFrame .pattern_promFrame_Base {
    position: relative;
    z-index: 1;
    top: 0px;
}
#promFrame .baseImage_promFrame_Base {
    position: relative;
    z-index: 1;
    top: 0px;
}

#promFrame .patternShowBase_promFrame {
    position: absolute;
    height: 100%;
    float: left;
    z-index: 0;
    margin-top: 0px;
    width: 100%;
}
#promFrame .patternBorder_promFrame {
    position: absolute;
    height: 100%;
    width: 100%;
    float: left;
    z-index: 0;
    margin-top: 0px;
}
#promFrame .patternThread_promFrame {
    position: absolute;
    height: 100%;
    width: 100%;
    float: left;
    z-index: 0;
    margin-top: 0px;
}
#promFrame .patternFoot_promFrame {
    position: absolute;
    height: 100%;
    width: 100%;
    float: left;
    z-index: 2;
    margin-top: 0px;
}
/* ความกว้าง ไม่ต่ำกว่า 700px */
@media screen and (min-width: 700px) {
    #promFrame {
        margin-bottom: 0px;
        clear: both;
        margin-top: 12px;
        height: 100%;
    }
    #promFrame .pattern_promFrame_Base {
        margin-top: 0px;
    }
	 #promFrame .baseImage_promFrame_Base {
        margin-top: 0px;
    }
}
/* ความกว้าง ไม่ต่ำกว่า 1000px */
@media screen and (min-width: 1000px) {
    #promFrame {
        clear: none;
        float: left;
        margin-right: 0px;
        margin-top: 0px;
    }
    #promFrame .div_setting_promFrame {
        display: none;
    }
    #promFrame .box_promFrame {
        display: block;
        overflow: hidden;
        margin-top: 25px;
    }
    #promFrame .icon_promFrame {
        float: left;
        margin-left: 15px;
        margin-bottom: 15px;
        width: 124px;
        cursor: pointer;
    }
}
/* ความกว้าง ไม่ต่ำกว่า  1600px*/
@media screen and (min-width: 1600px) {
    #promFrame {
        margin-right: 0px;
        margin-top: 0px;
    }
    #promFrame .patternShowBase_promFrame {
        margin-top: 0px;
    }
    #promFrame .icon_promFrame {
        float: left;
        margin-left: 15px;
        margin-bottom: 15px;
        width: 185px;
        /* height:80px ; */
        
        cursor: pointer;
    }
}