@charset "UTF-8";
@import "http://event.goldengame.com.tw/adv/footer/footer.css";
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; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; }

a {
  outline: none;
  /* for Firefox Google Chrome  */
  behavior: expression(this.onFocus=this.blur());
  /* for IE */ }

body {
  background: url(../images/bg.jpg) top center no-repeat; }

.sp-sprite, .sp-btn1, .btn1, .sp-btn2, .btn2, .sp-btn3, .btn3, .sp-btn4, .btn4, .sp-icon01, .sp-icon02, .sp-icon03, .sp-t01, .sp-t02, .sp-t03 {
  background: url('../images/sp-s8368336ba2.png') no-repeat; }

.sp-btn1, .btn1 {
  background-position: 0 -1019px;
  height: 91px;
  width: 200px; }
  .sp-btn1:hover, .btn1:hover, .sp-btn1.btn1_hover, .btn1_hover.btn1, .sp-btn1.btn1-hover, .btn1-hover.btn1, .btn1.current {
    background-position: 0 -875px; }

.sp-btn2, .btn2 {
  background-position: 0 -587px;
  height: 91px;
  width: 200px; }
  .sp-btn2:hover, .btn2:hover, .sp-btn2.btn2_hover, .btn2_hover.btn2, .sp-btn2.btn2-hover, .btn2-hover.btn2, .btn2.current {
    background-position: 0 -491px; }

.sp-btn3, .btn3 {
  background-position: 0 -779px;
  height: 91px;
  width: 200px; }
  .sp-btn3:hover, .btn3:hover, .sp-btn3.btn3_hover, .btn3_hover.btn3, .sp-btn3.btn3-hover, .btn3-hover.btn3, .btn3.current {
    background-position: 0 -683px; }

.sp-btn4, .btn4 {
  background-position: 0 -1307px;
  height: 91px;
  width: 200px; }
  .sp-btn4:hover, .btn4:hover, .sp-btn4.btn4_hover, .btn4_hover.btn4, .sp-btn4.btn4-hover, .btn4-hover.btn4, .btn4.current {
    background-position: 0 -1115px; }

.sp-icon01 {
  background-position: 0 -330px;
  height: 156px;
  width: 167px; }

.sp-icon02 {
  background-position: 0 0;
  height: 163px;
  width: 170px; }

.sp-icon03 {
  background-position: 0 -168px;
  height: 157px;
  width: 164px; }

.sp-t01 {
  background-position: 0 -1211px;
  height: 43px;
  width: 187px; }

.sp-t02 {
  background-position: 0 -971px;
  height: 43px;
  width: 187px; }

.sp-t03 {
  background-position: 0 -1259px;
  height: 43px;
  width: 187px; }

#logo {
  background: url(../images/logo.png);
  width: 146px;
  height: 84px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
  left: 10px;
  top: 10px; }

.content {
  margin-top: 750px;
  width: 100%;
  background: url(../images/textBg.jpg) repeat;
  -webkit-box-shadow: 0px -2px 10px black;
  -moz-box-shadow: 0px -2px 10px black;
  box-shadow: 0px -2px 10px black; }

.tabnav {
  text-align: center;
  width: 100%; }
  .tabnav a {
    margin-top: 30px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    cursor: pointer; }

.neiwen {
  width: 960px;
  margin: 10px auto 0 auto;
  padding: 20px 40px 50px 40px;
  background: #fff; }
  .neiwen header {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    display: block;
    margin: 10px auto; }
  .neiwen hr {
    border: 1px solid #3c3c3c; }
  .neiwen p {
    width: 90%;
    margin: 0 auto;
    font-size: 1.2em;
    line-height: 1.5em; }
  .neiwen img {
    display: block;
    margin: 0 auto; }
  .neiwen ul {
    list-style: decimal;
    width: 90%;
    margin: 0 auto;
    font-size: 1em;
    line-height: 1.5em; }
    .neiwen ul li {
      margin-left: 1.5em; }

.scene {
  position: absolute;
  width: 950px;
  height: 700px;
  top: 0;
  left: 50%;
  margin-left: -450px;
  z-index: 0; }

.layer:nth-child(1) {
  margin-top: -15px;
  margin-left: 350px; }
.layer:nth-child(2) {
  margin-left: 400px;
  margin-top: 20px; }
.layer:nth-child(3) {
  margin-top: -10px;
  margin-left: 200px; }
.layer:nth-child(4) {
  margin-top: 150px;
  margin-left: 550px; }
.layer:nth-child(5) {
  margin-top: 200px;
  margin-left: 50px; }

table {
  margin: 10px auto 30px auto;
  font-size: 0.9em;
  line-height: 1.4em;
  width: 90%;
  text-shadow: none; }
  table span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
  table th {
    text-align: center;
    padding: 2px 6px;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    color: #630;
    border-left: #e3b73c solid 2px;
    border-right: #e3b73c solid 2px; }
    table th:first-child {
      border-left: 0; }
    table th:last-child {
      border-right: 0; }
  table td {
    text-align: left;
    padding: 6px 12px;
    background: #efe7dd;
    color: #4a3808;
    font-weight: 800;
    cursor: default;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-box-shadow: rgba(237, 205, 170, 0.28) 0 -5px 4px 2px inset, rgba(124, 74, 17, 0.36) 0 -1px 1px 0px inset;
    -moz-box-shadow: rgba(237, 205, 170, 0.28) 0 -5px 4px 2px inset, rgba(124, 74, 17, 0.36) 0 -1px 1px 0px inset;
    box-shadow: rgba(237, 205, 170, 0.28) 0 -5px 4px 2px inset, rgba(124, 74, 17, 0.36) 0 -1px 1px 0px inset;
    text-shadow: rgba(255, 255, 255, 0.2) 1px 1px 2px, rgba(255, 255, 255, 0.2) -1px 1px 2px, rgba(255, 255, 255, 0.2) 1px -1px 2px, rgba(255, 255, 255, 0.2) -1px -1px 2px;
    border-left: #bea891 solid 1px;
    border-right: #bea891 solid 1px; }
    table td:first-child {
      text-align: center;
      border-left: 0;
      *border-left: #bea891 solid 1px;
      border-left: #bea891 solid 1px \0; }
    table td:last-child {
      text-align: left;
      border-right: 0; }
  table tr {
    background: #ffd153;
    border-bottom: #ad9274 solid 1px; }
    table tr:nth-child(2n+1) td {
      background: #d8ccc1; }
    table tr:hover td {
      background: #f8f0e4; }
    table tr:first-child {
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd667), color-stop(40%, #ffdd81), color-stop(95%, #ffd45d));
      background-image: -webkit-linear-gradient(top, #ffd667 0%, #ffdd81 40%, #ffd45d 95%);
      background-image: -moz-linear-gradient(top, #ffd667 0%, #ffdd81 40%, #ffd45d 95%);
      background-image: -o-linear-gradient(top, #ffd667 0%, #ffdd81 40%, #ffd45d 95%);
      background-image: linear-gradient(top, #ffd667 0%, #ffdd81 40%, #ffd45d 95%); }
    table tr:last-child {
      border: 0; }

table td[colspan] {
  text-align: left; }

#btn {
  text-decoration: none;
  display: block;
  max-width: 300px;
  padding: 20px 30px;
  margin: 10px auto;
  background: #520574;
  text-align: center;
  font-weight: normal;
  border: 2px solid #c3bca9;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.08) 0 -16px 12px 3px inset, #111111 0 2px 7px;
  -moz-box-shadow: rgba(255, 255, 255, 0.08) 0 -16px 12px 3px inset, #111111 0 2px 7px;
  box-shadow: rgba(255, 255, 255, 0.08) 0 -16px 12px 3px inset, #111111 0 2px 7px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  #btn span {
    font-size: 18px;
    vertical-align: bottom;
    font-weight: normal;
    line-height: 1.5em;
    width: 100%;
    color: #fff; }
  #btn:hover {
    background: #1e032a;
    border: 2px solid #ff9b26; }

#lightbox {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100;
  display: none;
  background-image: url(../images/lightbox-bg.png);
  background-repeat: repeat; }
  #lightbox .pop {
    margin-top: 10px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0px 2px 0px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: black 0px 0px 10px;
    -moz-box-shadow: black 0px 0px 10px;
    box-shadow: black 0px 0px 10px;
    background-color: #fff; }
  #lightbox .lightbox-close {
    background: url(../images/close.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    margin: 18% auto 0 auto;
    cursor: pointer; }

.redB {
  color: #cb0000;
  font-size: 1.5em; }

.yellow {
  color: yellow; }

.red {
  color: red; }

.blue {
  color: #50aeff; }

.green {
  color: green; }

.footerBar {
  position: relative;
  bottom: 0;
  padding: 8px 0;
  background: black url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NkUyRDYxNkM1RDk0RTMxMUEwMTNDMTZCOEQ0OENGNDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzRCQzJFNEE5NTI0MTFFM0E1NDRFMjY2MDQxRURGMzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzRCQzJFNDk5NTI0MTFFM0E1NDRFMjY2MDQxRURGMzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTZCOUYxNDIxOTVFMzExQUMxM0IyODhFRkYyMDUyQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RTJENjE2QzVEOTRFMzExQTAxM0MxNkI4RDQ4Q0Y0NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6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") center 0px no-repeat; }

#iframe {
  padding: 2px 0 0 0; }
  #iframe iframe {
    vertical-align: middle;
    padding: 0;
    margin: 0; }

.design {
  position: absolute;
  font-size: 12px;
  margin: 8px 0 0 8px;
  filter: alpha(opacity=0);
  opacity: 0;
  color: transparent; }
  .design::selection {
    background: #111;
    color: #eee;
    z-index: 9999; }