@font-face {
  font-family: 'BottleDepot';
  src: url('font/BottleDepot.eot?#iefix') format('embedded-opentype'),  url('font/BottleDepot.woff') format('woff'), url('font/BottleDepot.ttf')  format('truetype'), url('font/BottleDepot.svg#BottleDepot') format('svg');
  font-weight: normal;
  font-style: normal;
}
h2, h3, h4, h5, h6 { color: #F33; }
a, a:visited, a:hover { color: #79d021; text-decoration:underline; }
h1 { font-size: 24px; text-align: center; }
h2 { font-size: 20px; }
small, .tbl-inline { display: inline-block; }
td { padding: 5px; font-size: 14px; }
.header {padding-top: 10px; font-family: 'BottleDepot', Sans-Serif; font-size: 46px; line-height: 34px; color: #FF0000; max-width: 500px; margin-left: auto; margin-right: auto;}
small:lang(zh-Hans) { font-family: 'BottleDepot';}
.pheader{ background-color: rgba(255,51,51,0.7); }
.pheader h2 { color: white; font-weight: bold; margin-top: 10px;}
.header small { font-size: 70%; }
body { background: black; color: white;}
.row { position: relative; }
.soup { width: 50%; max-width: 200px; }
iframe {width: 100%;}
@media(max-width:767px) {
  .content {text-align: center;}
  .header { padding-top: 25px;}
  .footer {text-align: center; padding-top: 20px;}
}
@media(min-width:768px){
  body, html, .container-fluid, .bg { height: 100%; min-height: 700px; }
  .bgrep { background: url("images/bgrep.png") repeat-x bottom left; background-size: contain; position: relative;}
  .bg { background: url("images/bg.jpg") no-repeat bottom left; background-size: contain; min-height: 700px;}
  .content {max-width: 450px; position: relative; top: 50%; margin-top: -300px; background: black; background-color: rgba(0,0,0,0.7); border-radius: 20px; }
  .footer { position: absolute; bottom: 0px; width: 100%;}
  .pheader{ position: absolute; top: 0px; width: 100%; z-index:1; }
  .footer-menu { min-height: 128px; height: 18%; }
  .copy {position: absolute; bottom: 10px; right: 10px; }
  .menu { position: absolute; top: 50%; height: 50px; margin-top: -25px; }
}