body {
    height: 100%;
    width: 100%;
    margin:0px;
    padding:0px;
    background: #fff;
    font-family: 'Dosis', sans-serif;
}




#main_holder{
    width:750px;
    height:420px;
    position: absolute;
    left:50%;
    margin-left: -375px;
    top:50%;
    margin-top: -210px;
    cursor:pointer;
    background:url(../images/mua.jpg) no-repeat;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.mua{
    width:282px;
    height:366px;
    position: absolute;
    left: 17px;
    bottom: 11px;
    
    
    /*background:url(../images/mua.jpg) no-repeat;   */
}

#text_holder{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    position: absolute;
    left: 310px;
    top:230px;
    font-size:18px;
    width: 400px;
    color:#222222;
}


.password_holder{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 5;
    width:100%;
    height:100%;
    display: none;
    cursor:default;
}

.pass{
    position: absolute;
    left: 300px;        
    top:230px;   
}

.pass_btn{
    position: absolute;
    left: 520px;        
    top:230px;  
}

#pass_btn{
    /*height:24px;*/
    padding:6px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 3px; 
    font-size: 14px;

}

.pass input{

    width:200px;
    height:24px;
    font-size:20px;
    padding-left: 5px;
    padding-right: 5px;
    outline:none;
    border:1px solid #B2B2B2;
}

.passis{
        position: absolute;
    left: 300px;        
    top:260px; 
    font-size:10px;
    color:#828282;
}

.eye_holder{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 18;
    width:100%;
    height:100%;
    display: none;
    cursor:default;
}

.eye_btn{
    width: 27px;
    height: 20px;
    /*background: red;*/
    position: absolute;
    z-index: 20;
    left: 145px;
    top: 132px;
    cursor: pointer;
}

.fuckyou{
    position: absolute;
    bottom:0px;
    right:0px;
    z-index: 18;
    width:100px;
    height:40px;
    display: none;
    /*cursor:default;*/
    /*background: red;*/
}


.fb_wrapper{
    position: relative;
    width: 56px;
    height: 115px;
    overflow: hidden;
    margin-top: -67px;
    margin-left: -8px;
}

.fb_over{
    position: absolute;
    /*background: red;*/
    width: 100%;
    height:100%;
    top:0px;
    left:0px;
    z-index: 9999999;
}


.fb_container{
    position: absolute;
    right:100px;
    bottom:10px;
        height: 50px;
    width: 50px;
    overflow: hidden;
}

.peeman{
    position: absolute;
    z-index: 30;
    right: 43px;
    bottom: 60px;
    width: 106px;
    height: 101px;
    background:url(../images/peeman.gif) no-repeat;
}




.shutdown{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 100;
    text-align: center;
    display: none;
}


.fuckoff{
    position: absolute;
    top:50%;
    margin-top: -25px;
    margin-left: -100px;
    left:50%;
    width: 200px;
    height: 50px;
    color:#fff;
    text-align: center;

}



   .portport{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 100;
        display: none;
    }

    .rotrot{
        width:400px;
        height:160px;
        font-size:40px;
        text-align: center;
        position: absolute;
        left:50%;
        margin-left: -200px;
        top:50%;
        margin-top: -80px;
    }

    .rot{
        width:166px;
        height:114px;
        position: absolute;
        left:50%;
        margin-left: -83px;
        top:40%;
        margin-top: -57px;
        background:url(../images/mua.jpg) no-repeat;
    }





@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { 

    #text_holder{
        font-size:20px;
    }


}