@import "http://event.goldengame.com.tw/adv/footer/footer.css";
/* line 17, F:/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, F:/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, F:/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, F:/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, F:/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, F:/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, F:/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, F:/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, F:/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/* line 1, ../sass/_mix.scss */
.clear {
  clear: both; }

/* line 4, ../sass/_mix.scss */
.mid, section, section table, #container .wrap > header {
  position: relative;
  margin-left: auto;
  margin-right: auto; }

/* line 9, ../sass/_mix.scss */
.dib, section header, section.single p {
  display: inline-block;
  zoom: 1;
  *display: inline; }

/*----------------------------------------------*/
/* line 18, ../sass/screen.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 21, ../sass/screen.scss */
body {
  background: url(../images/bg.jpg) center top no-repeat;
  font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; }

/* line 25, ../sass/screen.scss */
article {
  padding-top: 15px;
  color: #eab288; }

/* line 29, ../sass/screen.scss */
section {
  margin-bottom: 15px;
  line-height: 20px;
  width: 560px; }
  /* line 34, ../sass/screen.scss */
  section header {
    padding: 0 10px;
    line-height: 34px;
    text-align: left;
    font-size: 16px;
    margin-right: 15px;
    font-weight: bold;
    cursor: default;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  /* line 47, ../sass/screen.scss */
  section p {
    margin: 15px 5px 0 5px; }
  /* line 50, ../sass/screen.scss */
  section ol {
    /*margin-top: 15px;*/
    margin: 15px 5px 0 5px;
    list-style: decimal outside; }
    /* line 54, ../sass/screen.scss */
    section ol li {
      margin: .5em 0 .5em 1.7em; }
  /* line 58, ../sass/screen.scss */
  section table {
    width: 560px;
    margin-top: .8em;
    margin-bottom: .8em;
    -webkit-box-shadow: rgba(41, 4, 4, 0.74) 0 1px 3px;
    -moz-box-shadow: rgba(41, 4, 4, 0.74) 0 1px 3px;
    box-shadow: rgba(41, 4, 4, 0.74) 0 1px 3px; }
    /* line 64, ../sass/screen.scss */
    section table th, section table td {
      font-size: 14px;
      padding: 3px 6px;
      text-align: center; }
    /* line 69, ../sass/screen.scss */
    section table th {
      text-align: center;
      /*border-top:#210303 solid 2px;
      border-left:#210303 solid 2px;
      border-right:#210303 solid 2px;*/ }
      /* line 76, ../sass/screen.scss */
      section table th:first-child {
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        -ms-border-radius: 5px 0 0 0;
        -o-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
        border-right: #210303 solid 2px; }
      /* line 81, ../sass/screen.scss */
      section table th:last-child {
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        -ms-border-radius: 0 5px 0 0;
        -o-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
        border-left: #210303 solid 2px; }
    /* line 87, ../sass/screen.scss */
    section table td {
      background: #efc28e;
      color: #4a2408;
      font-weight: bold;
      text-align: left;
      -webkit-box-shadow: rgba(230, 135, 29, 0.28) 0 -5px 4px 2px inset, rgba(124, 74, 17, 0.56) 0 -1px 1px 0px inset;
      -moz-box-shadow: rgba(230, 135, 29, 0.28) 0 -5px 4px 2px inset, rgba(124, 74, 17, 0.56) 0 -1px 1px 0px inset;
      box-shadow: rgba(230, 135, 29, 0.28) 0 -5px 4px 2px inset, rgba(124, 74, 17, 0.56) 0 -1px 1px 0px inset;
      *border: #5a0d0d solid 2px;
      border: #5a0d0d solid 2px \9; }
      /* line 99, ../sass/screen.scss */
      section table td:first-child {
        text-align: center;
        border-right: rgba(90, 13, 13, 0.45) solid 2px;
        border-right: #5a0d0d solid 2px \9; }
      /* line 104, ../sass/screen.scss */
      section table td:last-child {
        text-align: center;
        border-left: rgba(90, 13, 13, 0.45) solid 2px;
        border-left: #5a0d0d solid 2px \9; }
    /* line 110, ../sass/screen.scss */
    section table tr {
      border-bottom: rgba(90, 13, 13, 0.45) solid 2px; }
      /* line 112, ../sass/screen.scss */
      section table tr:last-child {
        border: 0; }
        /* line 114, ../sass/screen.scss */
        section table tr:last-child td:first-child {
          -webkit-border-radius: 0 0 0 5px;
          -moz-border-radius: 0 0 0 5px;
          -ms-border-radius: 0 0 0 5px;
          -o-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px; }
        /* line 117, ../sass/screen.scss */
        section table tr:last-child td:last-child {
          -webkit-border-radius: 0 0 5px 0;
          -moz-border-radius: 0 0 5px 0;
          -ms-border-radius: 0 0 5px 0;
          -o-border-radius: 0 0 5px 0;
          border-radius: 0 0 5px 0; }
  /* line 124, ../sass/screen.scss */
  section.single p {
    line-height: 34px;
    margin: 0;
    vertical-align: middle; }

/*----------------------------------------------*/
/* line 134, ../sass/screen.scss */
#top {
  position: relative;
  height: 1080px;
  width: 100%;
  background: transparent url(../images/top.png) center top no-repeat; }

/* line 140, ../sass/screen.scss */
#container {
  position: relative;
  width: 100%;
  padding-bottom: 50px; }

/* line 146, ../sass/screen.scss */
.sidebar {
  position: fixed;
  vertical-align: middle;
  width: 28px;
  height: 542px;
  top: 50%;
  left: 0;
  margin: -271px 0 0 0;
  vertical-align: middle;
  padding: 0;
  background: transparent url(../images/navbar.png) right center no-repeat;
  border-right: rgba(149, 76, 13, 0.58) 1px dashed;
  border-left: rgba(149, 76, 13, 0.32) 1px dashed;
  -webkit-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
  /* line 160, ../sass/screen.scss */
  .sidebar .toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 542px;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    -webkit-box-shadow: rgba(21, 20, 20, 0.8) 1px 0 3px 0px inset;
    -moz-box-shadow: rgba(21, 20, 20, 0.8) 1px 0 3px 0px inset;
    box-shadow: rgba(21, 20, 20, 0.8) 1px 0 3px 0px inset;
    -webkit-transition: border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-right: 0px solid rgba(108, 48, 10, 0.1);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    /* line 174, ../sass/screen.scss */
    .sidebar .toggle:hover {
      border-right: 28px solid rgba(230, 116, 45, 0.15);
      -webkit-box-shadow: rgba(21, 20, 20, 0.8) 1px 0 3px 0px inset;
      -moz-box-shadow: rgba(21, 20, 20, 0.8) 1px 0 3px 0px inset;
      box-shadow: rgba(21, 20, 20, 0.8) 1px 0 3px 0px inset; }
  /* line 179, ../sass/screen.scss */
  .sidebar a {
    position: relative;
    display: none;
    width: 136px;
    height: 122px;
    margin: 25px 12px;
    background: transparent url(../images/btn.png) no-repeat;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dashed #403b3b;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left; }
    /* line 191, ../sass/screen.scss */
    .sidebar a.c0 {
      background-position: 0px -122px; }
      /* line 193, ../sass/screen.scss */
      .sidebar a.c0:hover, .sidebar a.c0.current {
        background-position: 0px 0; }
    /* line 191, ../sass/screen.scss */
    .sidebar a.c1 {
      background-position: -136px -122px; }
      /* line 193, ../sass/screen.scss */
      .sidebar a.c1:hover, .sidebar a.c1.current {
        background-position: -136px 0; }
    /* line 191, ../sass/screen.scss */
    .sidebar a.c2 {
      background-position: -272px -122px; }
      /* line 193, ../sass/screen.scss */
      .sidebar a.c2:hover, .sidebar a.c2.current {
        background-position: -272px 0; }
  /* line 199, ../sass/screen.scss */
  .sidebar.open {
    width: 191px;
    padding: 20px 0 0 0; }
    /* line 202, ../sass/screen.scss */
    .sidebar.open a {
      display: block; }

/* line 208, ../sass/screen.scss */
#container .wrap > header {
  display: block;
  width: 581px;
  height: 74px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  margin-bottom: 30px; }
/* line 217, ../sass/screen.scss */
#container .wrap.c0 > header {
  background: url(../images/t1.png) center top no-repeat; }
/* line 222, ../sass/screen.scss */
#container .wrap.c1 > header {
  background: url(../images/t2.png) center top no-repeat; }

/*----------------------------------------------*/
/* line 229, ../sass/screen.scss */
.brownLabel, section header, section table th {
  background: #300403;
  color: #eaba78;
  -webkit-box-shadow: rgba(23, 13, 2, 0.58) 0 -5px 5px 2px inset, rgba(23, 13, 2, 0.24) 0 -5px 8px 3px inset;
  -moz-box-shadow: rgba(23, 13, 2, 0.58) 0 -5px 5px 2px inset, rgba(23, 13, 2, 0.24) 0 -5px 8px 3px inset;
  box-shadow: rgba(23, 13, 2, 0.58) 0 -5px 5px 2px inset, rgba(23, 13, 2, 0.24) 0 -5px 8px 3px inset; }

/*----------------------------------------------*/
/* line 240, ../sass/screen.scss */
#top .cloud {
  position: absolute;
  top: 0;
  width: 100%;
  height: 694px;
  z-index: -1;
  background: url(../images/cloud.png) center top no-repeat;
  -webkit-animation-name: cloud;
  -webkit-animation-duration: 20s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation: cloud 20s infinite alternate; }
/* line 255, ../sass/screen.scss */
#top .logo {
  width: 207px;
  height: 98px;
  background: transparent;
  position: absolute;
  top: 25px;
  left: 50%;
  margin: 0 0 0 -580px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left; }
/* line 262, ../sass/screen.scss */
#top .playnow {
  width: 188px;
  height: 146px;
  background: transparent;
  position: absolute;
  top: 584px;
  left: 50%;
  margin: 0 0 0 324px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left; }

/*----------------------------------------------*/
/* line 3, ../sass/_footer.scss */
#iframe iframe {
  vertical-align: middle;
  padding: 0;
  margin: 0; }

/* line 9, ../sass/_footer.scss */
.design {
  position: absolute;
  font-size: 12px;
  margin: 8px 0 0 8px;
  color: transparent; }
  /* line 14, ../sass/_footer.scss */
  .design::selection {
    background: #111;
    color: #eee;
    z-index: 99999999999999999999999999999999999999999999999999; }

/*----------------------------------------------*/
@-webkit-keyframes cloud {
  /* line 276, ../sass/screen.scss */
  0% {
    background-position: center top; }

  /* line 279, ../sass/screen.scss */
  50% {
    background-position: left top; }

  /* line 282, ../sass/screen.scss */
  100% {
    background-position: right top; } }

@keyframes cloud {
  /* line 288, ../sass/screen.scss */
  0% {
    background-position: center top; }

  /* line 291, ../sass/screen.scss */
  50% {
    background-position: left top; }

  /* line 294, ../sass/screen.scss */
  100% {
    background-position: right top; } }


 .red {
  color: #ff9d00;
  font-weight: bold;
  text-shadow:rgb(17, 17, 17) 1px 2px 1px;
}