body { background:none; background-color:white;}
 .half_height {
            height: 80%;
        }

        .full_height {
            height: 100%;
            padding: 0;
            overflow: hidden;
        }

        .icon {
            /*padding: 1em;*/
            margin: 0;
            background: white;
            /*height: 100%*/
            width: 100%;
            /*position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);*/
            min-width: 100px;
        }

        .icon_img {
            width: 50%;
            min-width: 70px;
        }

        .icon_text {
            display: block;
            font-size: 2em;
            color: #888;
        }

        .row {
            margin: 0;
            padding: 0;
        }

        .auto_center {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%) scale(1.0);
            width: 100%;
        }

        .sale_text {
            font-size: 1.2em;
            color: #999;
        }
.transparent_class {  
left:0; right:0; top:8%; bottom:0;
   position:absolute;    
    margin: 0 auto;
    width:100%;  
     height:300px;  
     line-height:300px;  
   text-align:center;  
    background:#000;  
   color:#fff;  
     background:url('../images/login.jpg') no-repeat center center scroll;
   /* older safari/Chrome browsers */  
    -webkit-opacity: 0.65;  
     /* Netscape and Older than Firefox 0.9 */  
     -moz-opacity: 0.65;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.65;  
    /* IE9 + etc...modern browsers */  
    opacity: .6;  
    /* IE 4-9 */  
    filter:alpha(opacity=65);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  
    }