
.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



  .wrappers{width:80%;height:100%;margin:0 auto;background:#CCC}
.h_iframe{position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}



.fb-comments, .fb-comments iframe[style], .fb-comments span {
   width: 100% !important;
}

.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
}


.fb_hidden {
    position: absolute;
    top: -10000px;
    z-index: 10001;
}
.fb_reposition {
    overflow: hidden;
    position: relative;
}
.fb_invisible {
    display: none;
}
.fb_reset {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-spacing: 0;
    color: #000;
    cursor: auto;
    direction: ltr;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
}
.fb_reset > div {
    overflow: hidden;
}
.fb_link img {
    border: medium none;
}
@keyframes fb_transform {
0% {
    opacity: 0;
    transform: scale(0.95);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
.fb_animate {
    animation: 0.3s ease 0s normal forwards 1 running fb_transform;
}
.fb_dialog {
    background: rgba(82, 82, 82, 0.7) none repeat scroll 0 0;
    position: absolute;
    top: -10000px;
    z-index: 10001;
}
.fb_reset .fb_dialog_legacy {
    overflow: visible;
}
.fb_dialog_advanced {
    border-radius: 8px;
    padding: 10px;
}
.fb_dialog_content {
    background: #fff none repeat scroll 0 0;
    color: #333;
}
.fb_dialog_close_icon {
    background: transparent url("https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 18px;
    top: 17px;
    width: 15px;
}
.fb_dialog_mobile .fb_dialog_close_icon {
    left: 5px;
    right: auto;
    top: 5px;
}
.fb_dialog_padding {
    background-color: transparent;
    position: absolute;
    width: 1px;
    z-index: -1;
}
.fb_dialog_close_icon:hover {
    background: transparent url("https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png") no-repeat scroll 0 -15px;
}
.fb_dialog_close_icon:active {
    background: transparent url("https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png") no-repeat scroll 0 -30px;
}
.fb_dialog_loader {
    background-color: #f6f7f9;
    border: 1px solid #606060;
    font-size: 24px;
    padding: 20px;
}
.fb_dialog_top_left, .fb_dialog_top_right, .fb_dialog_bottom_left, .fb_dialog_bottom_right {
    height: 10px;
    overflow: hidden;
    position: absolute;
    width: 10px;
}
.fb_dialog_top_left {
    background: rgba(0, 0, 0, 0) url("https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png") no-repeat scroll 0 0;
    left: -10px;
    top: -10px;
}
.fb_dialog_top_right {
    background: rgba(0, 0, 0, 0) url("https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png") no-repeat scroll 0 -10px;
    right: -10px;
    top: -10px;
}
.fb_dialog_bottom_left {
    background: rgba(0, 0, 0, 0) url("https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png") no-repeat scroll 0 -20px;
    bottom: -10px;
    left: -10px;
}
.fb_dialog_bottom_right {
    background: rgba(0, 0, 0, 0) url("https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png") no-repeat scroll 0 -30px;
    bottom: -10px;
    right: -10px;
}
.fb_dialog_vert_left, .fb_dialog_vert_right, .fb_dialog_horiz_top, .fb_dialog_horiz_bottom {
    background: #525252 none repeat scroll 0 0;
    opacity: 0.7;
    position: absolute;
}
.fb_dialog_vert_left, .fb_dialog_vert_right {
    height: 100%;
    width: 10px;
}
.fb_dialog_vert_left {
    margin-left: -10px;
}
.fb_dialog_vert_right {
    margin-right: -10px;
    right: 0;
}
.fb_dialog_horiz_top, .fb_dialog_horiz_bottom {
    height: 10px;
    width: 100%;
}
.fb_dialog_horiz_top {
    margin-top: -10px;
}
.fb_dialog_horiz_bottom {
    bottom: 0;
    margin-bottom: -10px;
}
.fb_dialog_iframe {
    line-height: 0;
}
.fb_dialog_content .dialog_title {
    background: #6d84b4 none repeat scroll 0 0;
    border: 1px solid #365899;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.fb_dialog_content .dialog_title > span {
    background: rgba(0, 0, 0, 0) url("https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif") no-repeat scroll 5px 50%;
    float: left;
    padding: 5px 0 7px 26px;
}
body.fb_hidden {
    height: 100%;
    left: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
    top: -10000px;
    transform: none;
    width: 100%;
}
.fb_dialog.fb_dialog_mobile.loading {
    background: white url("https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif") no-repeat scroll 50% 50%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 10001;
}
.fb_dialog.fb_dialog_mobile.loading.centered {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
    min-height: initial;
    min-width: initial;
    width: auto;
}
.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner {
    width: 100%;
}
.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.loading.centered #fb_dialog_loader_close {
    clear: both;
    color: #fff;
    display: block;
    font-size: 18px;
    padding-top: 20px;
}
#fb-root #fb_dialog_ipad_overlay {
    background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#fb-root #fb_dialog_ipad_overlay.hidden {
    display: none;
}
.fb_dialog.fb_dialog_mobile.loading iframe {
    visibility: hidden;
}
.fb_dialog_content .dialog_header {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #738aba 0%, #2c4987 100%) repeat scroll 0 0;
    border-bottom: 1px solid #1d4088;
    border-color: #1d4088;
    box-shadow: 0 1px 1px -1px white inset;
    color: #fff;
    font: bold 14px Helvetica,sans-serif;
    text-overflow: ellipsis;
    text-shadow: 0 -1px 0 rgba(0, 30, 84, 0.298);
    vertical-align: middle;
    white-space: nowrap;
}
.fb_dialog_content .dialog_header table {
    height: 43px;
    width: 100%;
}
.fb_dialog_content .dialog_header td.header_left {
    font-size: 12px;
    padding-left: 5px;
    vertical-align: middle;
    width: 60px;
}
.fb_dialog_content .dialog_header td.header_right {
    font-size: 12px;
    padding-right: 5px;
    vertical-align: middle;
    width: 60px;
}
.fb_dialog_content .touchable_button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4966a6 0%, #355492 50%, #2a4887 100%) repeat scroll 0 0 padding-box;
    border: 1px solid #29487d;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.118) inset, 0 1px 0 rgba(255, 255, 255, 0.17);
    display: inline-block;
    line-height: 18px;
    margin-top: 3px;
    max-width: 85px;
    padding: 4px 12px;
    position: relative;
}
.fb_dialog_content .dialog_header .touchable_button input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font: bold 12px Helvetica,sans-serif;
    margin: 2px -12px;
    padding: 2px 6px 3px;
    text-shadow: 0 -1px 0 rgba(0, 30, 84, 0.298);
}
.fb_dialog_content .dialog_header .header_center {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}
.fb_dialog_content .dialog_content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) url("https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif") no-repeat scroll 50% 50%;
    border-color: -moz-use-text-color #555;
    border-image: none;
    border-style: none solid;
    border-width: 0 1px;
    height: 150px;
}
.fb_dialog_content .dialog_footer {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f6f7f9 none repeat scroll 0 0;
    border-color: #ccc #555 #555;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    height: 40px;
}
#fb_dialog_loader_close {
    float: left;
}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_button {
    text-shadow: 0 -1px 0 rgba(0, 30, 84, 0.298);
}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon {
    visibility: hidden;
}
#fb_dialog_loader_spinner {
    animation: 1.2s linear 0s normal none infinite running rotateSpinner;
    background-color: transparent;
    background-image: url("https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}
@keyframes rotateSpinner {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}
.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
}
.fb_iframe_widget iframe {
    position: absolute;
}
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
    max-width: 100%;
}
.fb_iframe_widget_fluid_desktop iframe {
    min-width: 220px;
    position: relative;
}
.fb_iframe_widget_lift {
    z-index: 1;
}
.fb_hide_iframes iframe {
    left: -10000px;
    position: relative;
}
.fb_iframe_widget_loader {
    display: inline-block;
    position: relative;
}
.fb_iframe_widget_fluid {
    display: inline;
}
.fb_iframe_widget_fluid span {
    width: 100%;
}
.fb_iframe_widget_loader iframe {
    min-height: 32px;
    z-index: 2;
}
.fb_iframe_widget_loader .FB_Loader {
    background: rgba(0, 0, 0, 0) url("https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif") no-repeat scroll 0 0;
    height: 32px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 32px;
    z-index: 4;
}
