html, body { background-color: #9bc3e6; font-size: 0.9em; }
body { margin: 30px auto; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
h3 { font-size: 12pt; }
.bx { width: 700px; height: 410px; background-color: #fff; padding: 10px; position: relative; margin: 20px auto; padding: 5px; border: solid 1px #000; overflow: hidden; }
.pnl, .pnlA { position: absolute; top: 10px; left: 10px; width: 680px; height: 380px; display: none; }
    .pnl a { position: absolute; bottom: 0px; right: 20px; display: block; width: 180px; border: solid 1px #808080; padding: 10px 20px; border-radius: 10px; text-decoration: none; color: #000; background-color: #a5a3a3; font-weight: bold; -webkit-box-shadow: inset 0 4px 9px rgba(0, 0, 0, .250); box-shadow: inset 0 4px 9px rgba(0, 0, 0, .250); }
        .pnl a:hover { background-color: #0bb068; }
.form p input[type='email'], .form p input[type='tel'] { width: 65%; padding: 4px 0px; float: left; }
.form span { float: right; margin-right: 20px; }
#video { background-color: #fff; width: 100% !important; height: auto !important; height: 380px!important; width: 680px!important; }
#jp_container_1 { width: 680px!important; }
object,video { width: 100% !important; height: 380px !important; }
.pg { position: absolute; bottom: -1px; right: 250px; height: 35px; width: 70px; z-index: 9999; background-color: #fff; border: solid 1px #000; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px 5px; text-align: center; }
.err { position: absolute; top: -80px; right: 30px; border: solid 1px #000; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px 20px; background-color: #b50606; color: #FFF; font-weight: bold; box-shadow: 1px 1px 15px 2px #a5a5a5; }
    .err.correct { background-color: #0bb068; }
input:invalid { border-bottom: solid 2px #ff0000; }
input:valid { border-bottom: solid 2px #00ff00; }
label { display: block; }
select { width: 100% !important; padding: 5px 0; margin: 10px 0; }
.table { width: 100%; }
.lg .t { font-weight: bolder; font-size: 1.1em; line-height: 1.3em; margin: 10px 10px 20px 0; }
.lg span input[type='radio'] { float: left; width: 10%; padding: 5px 0; }
.lg span label { float: left; width: 90%; padding: 5px 0; }
.lg > label { font-size: 1.1em; margin-bottom: 10px 10px 20px 0px; }
.ac { background-color: #0bb068; }
.ae { background-color: #b50606; }