﻿html, body, form, #page {width:100%;height:100%;min-height: 100%;background:#F2F2F2;}
* {font-family:'Source Sans Pro', sans-serif;margin: 0;padding: 0;moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;border:0; vertical-align:top; color:#404040; font-size:15px;}

.b {font-weight:600 !important;}

.overlay {position: fixed;z-index:199999;top: 0px;left: 0px;height:100%;width:100%;background-color:#000;-ms-filter: "Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity: 0.50;opacity: 0.50;}
.overlayContent { position:fixed; top:10%; background-color:#fff; z-index:200001; margin:0 auto;overflow:auto;padding:24px 24px 32px; display:block; width:500px; max-width:80%;left:0;right:0; }
.overlayContent div {line-height:22px;}
.overlayContent a { float:right;}

.txt { line-height:24px; display:block;}

h1 {font-size:28px; line-height:34px; color:#333; margin-bottom:16px; font-weight:400;}
h2 {font-size:20px; line-height:24px; color:#808080; margin-bottom:0; font-weight:400;}

img { width:auto; max-width:100%; margin-bottom:16px;}

iframe {overflow:hidden; width:100%;-webkit-overflow-scrolling:touch;border:3px solid #F8C300;}

#divError { padding:30px 15px; line-height:28px; text-align:center;}

@media screen and (min-width: 768px) {
    .table { display:table; width:100%; height:100%; min-height:100%; }
    .row {display:table-row; height:100%; min-height:100%;}
    .row div {height:100%; min-height:100%;}
    .row > div {display:table-cell;}
    .row > div:first-child { width:33%; padding:32px;}
    .row > div:last-child { width:66%; padding:32px 32px 32px 0;}
    .brd { background:#fff; border:1px solid #d6d6d6; padding:16px; display:block;margin-bottom:32px;}
    .dIframe {-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);border:1px solid #F2F2F2;}
    iframe {height: 100%;min-height: 100%;max-height: 100%;}
}

@media screen and (max-width: 767px) {    
    .row > div:first-child { width:100%;}
    .row > div:last-child { width:100%; padding:32px 0;}
    .brd { background:#fff; border-bottom:1px solid #d6d6d6; padding:16px; display:block;margin-bottom:32px;}
    iframe {height:600px;}
    .txt,h1 {padding:0 16px;}
}
