/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 10, 2014, 3:05:05 PM
    Author     : Linh Nguyen
*/


#popup-overlay {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background: #ffffff;
    width: 508px !important;
    height:auto !important;
}
@media screen and (max-width: 767px) {
    #popup-overlay {
        width: 444px !important;
    }
}
@media screen and (max-width: 479px) {
    #popup-overlay {
        width: 242px !important;
        top:51%;
        height: 550px !important;
    }
}
.iframe-facebook {
    height: 292px;
    width: 500px;
}
@media screen and (max-width: 767px) {
   .iframe-facebook {
        width: 434px;
        height: 340px;
    }
}
@media screen and (max-width: 479px) {
    .iframe-facebook {
        height: 512px;
        width: 234px;

    }
}
/*------Title---------*/
 .p_content { 
    width: 100%;
    text-align: center;
    font-size: 19px;
    padding: 17px 0 27px;
 }
 @media screen and (max-width: 767px) {
        .p_content {
            padding: 1px 0 25px;
       }
    }
@media screen and (max-width: 479px) {
       .p_content {
             padding: 1px 0 5px;
       }
    }
.p_social_title {}
@media screen and (max-width: 479px) {
       .p_social_title {
            font-size: 15px;
       }
    }
#fanclose {
    float:right;
    background:url(../../images/close.png) no-repeat;
    height: 15px;
    padding: 12px;
    cursor: pointer;
    margin-top: -54px;
}
@media screen and (max-width: 767px) {
       #fanclose  {
            padding: 10px;
            margin-top: -42px;
       }
    }
@media screen and (max-width: 479px){
    #fanclose {
    margin-top: -27px;
    }
}
/*.remove-borda {
    height: 1px;
    width: 366px;
    margin-left: 20px;
    padding-top: 20px;
}*/
#linkit a.visited,#linkit a,#linkit a:hover {
    color:#80808B;
    font-size:10px;
    margin: 0 auto 5px auto;
   
}
/*-----Header social popup-------*/
#wap-fanpage-facebook {
    background-size: cover;
    padding-top: 4%;
}
@media screen and (max-width: 479px) {
     #wap-fanpage-facebook {
        padding-top: 8%;
    }
    }
.time-fan-facebook {
    font-family: 'Arial',Helvetica, sans-serif;
    float: right;
    margin-top: -25px;
    margin-right: 15px;
    color: gray;
    

}
@media screen and (max-width: 479px) {
     .time-fan-facebook {
        float: left;
        margin-left: 28px;
        font-size: 12px;
    }
    }
/*@media screen and (max-width: 479px) {
       .time-fan-facebook {
            font-size: 11px;
            margin-top: -7%;
            float: left;
            margin-left: 14%;
       }
    }*/