@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
/* line 9, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_html5.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/* line 29, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_html5.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 40, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_html5.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 47, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_html5.scss */
[hidden],
template {
  display: none;
}

/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
/* line 11, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_base.scss */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 19, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_base.scss */
body {
  margin: 0;
}

/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
/* line 9, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_links.scss */
a {
  background: transparent;
}

/* line 15, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_links.scss */
a:active,
a:hover {
  outline: 0;
}

/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
/* line 9, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 15, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
b,
strong {
  font-weight: bold;
}

/* line 22, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
dfn {
  font-style: italic;
}

/* line 29, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 36, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 43, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
small {
  font-size: 80%;
}

/* line 49, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 57, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
sup {
  top: -0.5em;
}

/* line 61, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_typography.scss */
sub {
  bottom: -0.25em;
}

/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
/* line 9, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_embeds.scss */
img {
  border: 0;
}

/* line 15, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_embeds.scss */
svg:not(:root) {
  overflow: hidden;
}

/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
/* line 9, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_groups.scss */
figure {
  margin: 1em 40px;
}

/* line 15, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_groups.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/* line 23, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_groups.scss */
pre {
  overflow: auto;
}

/* line 29, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_groups.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
/* line 15, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 27, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
button {
  overflow: visible;
}

/* line 36, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
button,
select {
  text-transform: none;
}

/* line 47, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 57, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 64, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 73, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
input {
  line-height: normal;
}

/* line 83, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 93, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 102, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

/* line 113, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 120, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 129, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
legend {
  border: 0;
  padding: 0;
}

/* line 136, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
textarea {
  overflow: auto;
}

/* line 143, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_forms.scss */
optgroup {
  font-weight: bold;
}

/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
/* line 9, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_tables.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 14, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-normalize-1.5/stylesheets/normalize/_tables.scss */
td,
th {
  padding: 0;
}

/* line 26, ../_layout.scss */
* {
  box-sizing: border-box;
}

/* line 29, ../_layout.scss */
a {
  text-decoration: none;
  color: inherit;
}
/* line 32, ../_layout.scss */
a:hover {
  color: inherit;
  text-decoration: none;
}

/* line 37, ../_layout.scss */
.sky-container {
  position: relative;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  width: 1024px !important;
  padding: 0;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.2/sass/susy/output/support/_clearfix.scss */
.sky-container:after {
  content: " ";
  display: block;
  clear: both;
}
@media (max-width: 1024px) {
  /* line 37, ../_layout.scss */
  .sky-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
  }
  /* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.2/sass/susy/output/support/_clearfix.scss */
  .sky-container:after {
    content: " ";
    display: block;
    clear: both;
  }
}
@media (max-width: 740px) {
  /* line 37, ../_layout.scss */
  .sky-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
  }
  /* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.2/sass/susy/output/support/_clearfix.scss */
  .sky-container:after {
    content: " ";
    display: block;
    clear: both;
  }
}
@media (max-width: 500px) {
  /* line 37, ../_layout.scss */
  .sky-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-width: 100% !important;
  }
  /* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.2/sass/susy/output/support/_clearfix.scss */
  .sky-container:after {
    content: " ";
    display: block;
    clear: both;
  }
}

/* line 57, ../_layout.scss */
#topcontrol {
  width: 50px;
  height: 50px;
  z-index: 999;
  opacity: .8;
}
/* line 62, ../_layout.scss */
#topcontrol img {
  width: 100%;
}

/* line 106, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/* line 20, ../_base.scss */
* {
  font-family: Arial, '微軟正黑體', '新細明體', serif;
}

/* line 25, ../_base.scss */
h1 {
  font-size: 32px;
  line-height: 48px;
}

/* line 30, ../_base.scss */
p {
  font-size: 16px;
  line-height: 24px;
}

/* line 35, ../_base.scss */
.text-left {
  float: left !important;
}

/* line 38, ../_base.scss */
.text-right {
  float: right !important;
}

/* line 41, ../_base.scss */
.text-center {
  text-align: center !important;
}

/* line 44, ../_base.scss */
.show {
  display: inline-block !important;
}

/* line 47, ../_base.scss */
.hide {
  display: none !important;
}

/* line 50, ../_base.scss */
.unclick {
  cursor: not-allowed !important;
}

/* line 53, ../_base.scss */
.content-fixed {
  position: fixed !important;
  overflow: hidden !important;
  width: 100% !important;
}

/* line 1, ../partial/_header.scss */
.header {
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  float: left;
  margin-bottom: -65px;
}
/* line 8, ../partial/_header.scss */
.header .lineShare {
  position: absolute;
  bottom: -230px;
  left: 115px;
  z-index: 99;
}
@media (max-width: 740px) {
  /* line 8, ../partial/_header.scss */
  .header .lineShare {
    bottom: -75px;
    top: 140px;
  }
}
/* line 18, ../partial/_header.scss */
.header .fb-share-button {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 23, ../partial/_header.scss */
.header h1, .header h2 {
  float: left;
  margin: 0;
}
/* line 26, ../partial/_header.scss */
.header h1 span, .header h2 span {
  display: none;
}
/* line 30, ../partial/_header.scss */
.header h2 {
  position: relative;
  text-align: center;
  margin-top: 120px;
  padding-left: 25px;
  width: 100%;
  margin-bottom: 155px;
}
@media (max-width: 1024px) {
  /* line 30, ../partial/_header.scss */
  .header h2 {
    width: 100%;
    margin-top: 160px;
  }
  /* line 40, ../partial/_header.scss */
  .header h2 img {
    width: 100%;
  }
}
@media (max-width: 740px) {
  /* line 30, ../partial/_header.scss */
  .header h2 {
    margin-top: 70px;
  }
}
/* line 47, ../partial/_header.scss */
.header h2 .subTitle {
  position: absolute;
  right: 240px;
  bottom: -90px;
}
@media (max-width: 1024px) {
  /* line 47, ../partial/_header.scss */
  .header h2 .subTitle {
    right: 15%;
    bottom: -25%;
    width: 30%;
  }
}
@media (max-width: 1024px) {
  /* line 58, ../partial/_header.scss */
  .header h1 {
    width: 50%;
    margin-top: 55px;
  }
  /* line 62, ../partial/_header.scss */
  .header h1 img {
    width: 100%;
  }
}

/* line 68, ../partial/_header.scss */
nav {
  background-image: url(../images/navbg.png);
  background-repeat: repeat-x;
  background-position: center center;
  float: left;
  width: 100%;
  height: 75px;
  position: relative;
  z-index: 9999;
}
@media (max-width: 1024px) {
  /* line 68, ../partial/_header.scss */
  nav {
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    background-position: center bottom;
  }
}
@media (max-width: 500px) {
  /* line 68, ../partial/_header.scss */
  nav {
    height: 50px;
  }
}
/* line 87, ../partial/_header.scss */
nav ul {
  width: 100%;
  height: 75px;
  position: relative;
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  padding-left: 25px;
}
@media (max-width: 1024px) {
  /* line 87, ../partial/_header.scss */
  nav ul {
    padding-left: 0;
    text-align: center;
    height: 100%;
  }
}
@media (max-width: 500px) {
  /* line 87, ../partial/_header.scss */
  nav ul {
    height: 50px;
  }
}
/* line 104, ../partial/_header.scss */
nav ul > li {
  float: left;
  height: 75px;
  line-height: 70px;
  display: block;
  list-style: none;
  margin: 0 45px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
/* line 114, ../partial/_header.scss */
nav ul > li .fomob {
  display: none;
}
@media (max-width: 1024px) {
  /* line 114, ../partial/_header.scss */
  nav ul > li .fomob {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 500px) {
  /* line 114, ../partial/_header.scss */
  nav ul > li .fomob {
    vertical-align: super;
  }
}
@media (max-width: 1024px) {
  /* line 104, ../partial/_header.scss */
  nav ul > li {
    margin: 0 15px;
    width: 20%;
    height: 100%;
    display: inline-block;
  }
  /* line 129, ../partial/_header.scss */
  nav ul > li img {
    width: 100%;
  }
}
@media (max-width: 740px) {
  /* line 104, ../partial/_header.scss */
  nav ul > li {
    margin: 0 8px;
  }
}
/* line 136, ../partial/_header.scss */
nav ul > li:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 26px;
  background-image: url(../images/navstar.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: -60px;
}
@media (max-width: 1024px) {
  /* line 136, ../partial/_header.scss */
  nav ul > li:before {
    display: none;
  }
}
/* line 151, ../partial/_header.scss */
nav ul > li:last-child:after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 26px;
  background-image: url(../images/navstar.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: -60px;
  top: 0;
}
@media (max-width: 1024px) {
  /* line 151, ../partial/_header.scss */
  nav ul > li:last-child:after {
    display: none;
  }
}
/* line 167, ../partial/_header.scss */
nav ul > li .navItem {
  vertical-align: middle;
  -webkit-transition: all ease .25s;
          transition: all ease .25s;
}
@media (max-width: 1024px) {
  /* line 167, ../partial/_header.scss */
  nav ul > li .navItem {
    display: none;
  }
}
/* line 175, ../partial/_header.scss */
nav ul > li:hover .navItem {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: all ease .25s;
          transition: all ease .25s;
}

@-webkit-keyframes fly2 {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes fly2 {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes fly {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  25% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  75% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes fly {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  25% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  75% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@-webkit-keyframes zoomeffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomeffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* line 2, ../partial/_content.scss */
.content {
  float: left;
  width: 100%;
  padding: 15px 0;
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 1024px) {
  /* line 2, ../partial/_content.scss */
  .content {
    padding-top: 0;
  }
}
/* line 11, ../partial/_content.scss */
.content h2 {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
}
/* line 17, ../partial/_content.scss */
.content h2 span {
  display: block;
  width: 100%;
  line-height: 20px;
}
@media (max-width: 740px) {
  /* line 22, ../partial/_content.scss */
  .content h2 span img {
    width: 80%;
  }
}
/* line 28, ../partial/_content.scss */
.content .fb-share-button {
  position: absolute;
  left: 205px;
  top: 20px;
}
@media (max-width: 1024px) {
  /* line 28, ../partial/_content.scss */
  .content .fb-share-button {
    top: -50px;
  }
}
/* line 36, ../partial/_content.scss */
.content .downloadBox {
  width: 100%;
  height: 145px;
  background-image: url(../images/dwframe.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  padding: 35px 75px;
}
@media (max-width: 1024px) {
  /* line 36, ../partial/_content.scss */
  .content .downloadBox {
    padding: 0;
    background-size: auto 100%;
  }
}
@media (max-width: 740px) {
  /* line 36, ../partial/_content.scss */
  .content .downloadBox {
    height: 110px;
  }
}
@media (max-width: 500px) {
  /* line 36, ../partial/_content.scss */
  .content .downloadBox {
    height: 80px;
  }
}
/* line 54, ../partial/_content.scss */
.content .downloadBox h3 {
  margin: 0;
  height: 100%;
  display: inline-block;
  float: left;
}
@media (max-width: 1024px) {
  /* line 54, ../partial/_content.scss */
  .content .downloadBox h3 {
    display: none;
  }
}
/* line 63, ../partial/_content.scss */
.content .downloadBox ul {
  height: 100%;
  margin: 0;
  padding-left: 0;
  float: left;
}
@media (max-width: 1024px) {
  /* line 63, ../partial/_content.scss */
  .content .downloadBox ul {
    padding-top: 27px;
    width: 100%;
  }
}
@media (max-width: 740px) {
  /* line 63, ../partial/_content.scss */
  .content .downloadBox ul {
    padding-top: 20px;
  }
}
/* line 75, ../partial/_content.scss */
.content .downloadBox ul > li {
  display: inline-block;
  height: 100%;
  float: left;
  margin: 0 10px;
  padding-top: 5px;
  list-style: none;
}
@media (max-width: 1024px) {
  /* line 75, ../partial/_content.scss */
  .content .downloadBox ul > li {
    width: 30%;
    margin: 0 1.5%;
  }
}
/* line 86, ../partial/_content.scss */
.content .downloadBox ul > li .dwico {
  cursor: pointer;
  display: inline;
}
@media (max-width: 1024px) {
  /* line 86, ../partial/_content.scss */
  .content .downloadBox ul > li .dwico {
    width: 100%;
  }
}
/* line 96, ../partial/_content.scss */
.content .panel {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1024px) {
  /* line 96, ../partial/_content.scss */
  .content .panel {
    background-size: auto 90%;
  }
}
/* line 103, ../partial/_content.scss */
.content .panel h3 {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  /* line 108, ../partial/_content.scss */
  .content .panel h3 img {
    width: 100%;
  }
}
/* line 114, ../partial/_content.scss */
.content .panel.panel1 {
  background-image: url(../images/panel1bg.jpg);
  padding-bottom: 70px;
  position: relative;
}
@media (max-width: 1024px) {
  /* line 114, ../partial/_content.scss */
  .content .panel.panel1 {
    padding-bottom: 50px;
  }
}
/* line 121, ../partial/_content.scss */
.content .panel.panel1 .switchBox {
  width: 100%;
  text-align: center;
}
/* line 124, ../partial/_content.scss */
.content .panel.panel1 .switchBox .switchBtn {
  display: inline-block;
  position: relative;
  margin: 0 15px;
  width: 376px;
  height: 91px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  /* line 124, ../partial/_content.scss */
  .content .panel.panel1 .switchBox .switchBtn {
    width: 45%;
    margin: 0 10px;
    height: 65px;
  }
}
@media (max-width: 500px) {
  /* line 124, ../partial/_content.scss */
  .content .panel.panel1 .switchBox .switchBtn {
    margin: 0 5px;
  }
}
/* line 139, ../partial/_content.scss */
.content .panel.panel1 .switchBox .switchBtn img {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 143, ../partial/_content.scss */
.content .panel.panel1 .switchBox .switchBtn img:last-child {
  display: none;
}
@media (max-width: 1024px) {
  /* line 139, ../partial/_content.scss */
  .content .panel.panel1 .switchBox .switchBtn img {
    width: 100%;
  }
}
/* line 151, ../partial/_content.scss */
.content .panel.panel1 .switchBox .switchBtn.active img {
  display: none;
}
/* line 153, ../partial/_content.scss */
.content .panel.panel1 .switchBox .switchBtn.active img:last-child {
  display: block;
}
/* line 160, ../partial/_content.scss */
.content .panel.panel1 .form {
  color: white;
  margin-left: 130px;
}
@media (max-width: 1024px) {
  /* line 160, ../partial/_content.scss */
  .content .panel.panel1 .form {
    margin-left: 0;
    padding-left: 55px;
  }
}
@media (max-width: 740px) {
  /* line 160, ../partial/_content.scss */
  .content .panel.panel1 .form {
    padding-left: 30px;
  }
}
/* line 171, ../partial/_content.scss */
.content .panel.panel1 .form ol > li {
  font-size: 28px;
  margin: 30px 0;
}
@media (max-width: 740px) {
  /* line 171, ../partial/_content.scss */
  .content .panel.panel1 .form ol > li {
    margin: 15px 0;
    font-size: 21px;
  }
}
/* line 179, ../partial/_content.scss */
.content .panel.panel1 .form ol > li:nth-child(2) input {
  color: white;
  background-color: #000;
  border: solid 1px white;
}
/* line 185, ../partial/_content.scss */
.content .panel.panel1 .form ol > li span {
  font-size: 18px;
  color: #f1d160;
}
@media (max-width: 740px) {
  /* line 185, ../partial/_content.scss */
  .content .panel.panel1 .form ol > li span {
    font-size: 14px;
  }
}
/* line 192, ../partial/_content.scss */
.content .panel.panel1 .form ol > li input {
  margin-left: 5px;
}
/* line 194, ../partial/_content.scss */
.content .panel.panel1 .form ol > li input[type='checkbox'] {
  margin-right: 5px;
  vertical-align: middle;
}
/* line 199, ../partial/_content.scss */
.content .panel.panel1 .form ol > li label {
  cursor: pointer;
}
/* line 203, ../partial/_content.scss */
.content .panel.panel1 .form ol#other {
  display: none;
}
/* line 208, ../partial/_content.scss */
.content .panel.panel1 .forWeb {
  position: absolute;
  right: 60px;
  bottom: 185px;
}
@media (max-width: 1024px) {
  /* line 208, ../partial/_content.scss */
  .content .panel.panel1 .forWeb {
    display: none;
  }
}
/* line 216, ../partial/_content.scss */
.content .panel.panel1 .submitBtn {
  width: 100%;
  margin-top: 55px;
  text-align: center;
}
@media (max-width: 740px) {
  /* line 216, ../partial/_content.scss */
  .content .panel.panel1 .submitBtn {
    margin-top: 30px;
  }
}
/* line 223, ../partial/_content.scss */
.content .panel.panel1 .submitBtn img {
  cursor: pointer;
}
@media (max-width: 740px) {
  /* line 223, ../partial/_content.scss */
  .content .panel.panel1 .submitBtn img {
    width: 85%;
  }
}
/* line 232, ../partial/_content.scss */
.content .panel.panel2 {
  background-image: url(../images/panel2bg.jpg);
  height: 800px;
  position: relative;
}
@media (max-width: 1024px) {
  /* line 232, ../partial/_content.scss */
  .content .panel.panel2 {
    padding-bottom: 160px;
    height: auto;
  }
}
@media (max-width: 740px) {
  /* line 232, ../partial/_content.scss */
  .content .panel.panel2 {
    padding-bottom: 260px;
  }
}
/* line 243, ../partial/_content.scss */
.content .panel.panel2 h3 {
  margin-bottom: 5px;
}
/* line 246, ../partial/_content.scss */
.content .panel.panel2 .openList {
  cursor: pointer;
  position: absolute;
  right: 60px;
  top: 90px;
}
@media (max-width: 1024px) {
  /* line 246, ../partial/_content.scss */
  .content .panel.panel2 .openList {
    top: 105px;
  }
}
@media (max-width: 740px) {
  /* line 246, ../partial/_content.scss */
  .content .panel.panel2 .openList {
    top: inherit;
    bottom: 630px;
    right: 10px;
    width: 80px;
    z-index: 99;
  }
  /* line 260, ../partial/_content.scss */
  .content .panel.panel2 .openList img {
    width: 100%;
  }
}
/* line 265, ../partial/_content.scss */
.content .panel.panel2 .itemCard {
  position: relative;
  display: inline-block;
  margin-left: 145px;
}
@media (max-width: 1024px) {
  /* line 265, ../partial/_content.scss */
  .content .panel.panel2 .itemCard {
    margin-left: 50px;
  }
}
@media (max-width: 740px) {
  /* line 265, ../partial/_content.scss */
  .content .panel.panel2 .itemCard {
    margin-top: 55px;
    position: relative;
    margin: 0 auto;
    float: inherit;
    display: block;
  
    top: 60px;
}
}
/* line 278, ../partial/_content.scss */
.content .panel.panel2 .itemCard .flipper {
  z-index: 2;
}
/* line 281, ../partial/_content.scss */
.content .panel.panel2 .itemCard .lighter {
  position: absolute;
  left: -145px;
  top: -75px;
  z-index: 1;
  -webkit-animation: fly2 5s infinite linear;
          animation: fly2 5s infinite linear;
  -webkit-animation-delay: .18s;
          animation-delay: .18s;
  -webkit-transition: all linear 1s;
          transition: all linear 1s;
  opacity: 0;
}
@media (max-width: 740px) {
  /* line 281, ../partial/_content.scss */
  .content .panel.panel2 .itemCard .lighter {
    left: -110px;
    top: -35px;
    width: 500px;
  }
}
/* line 296, ../partial/_content.scss */
.content .panel.panel2 .itemCard .front {
  cursor: pointer;
}
/* line 300, ../partial/_content.scss */
.content .panel.panel2 .itemCard .back img, .content .panel.panel2 .itemCard .front img {
  -webkit-animation: fly 10s infinite;
          animation: fly 10s infinite;
}
/* line 305, ../partial/_content.scss */
.content .panel.panel2 .itemCard.active .lighter {
  opacity: 1;
  -webkit-transition: all linear 1s;
          transition: all linear 1s;
}
/* line 311, ../partial/_content.scss */
.content .panel.panel2 .playBox {
  width: 51%;
  float: right;
  color: white;
  font-size: 28px;
  position: relative;
  margin-top: 180px;
  z-index: 99;
}
@media (max-width: 1024px) {
  /* line 311, ../partial/_content.scss */
  .content .panel.panel2 .playBox {
    margin-top: 160px;
    width: 44%;
  }
}
@media (max-width: 740px) {
  /* line 311, ../partial/_content.scss */
  .content .panel.panel2 .playBox {
    margin-top: 0;
    width: 100%;
  }
}
/* line 326, ../partial/_content.scss */
.content .panel.panel2 .playBox h4 {
  margin: 0;
  margin-bottom: 5px;
}
/* line 330, ../partial/_content.scss */
.content .panel.panel2 .playBox .today {
  display: none;
  margin-left: 80px;
}
@media (max-width: 1024px) {
  /* line 330, ../partial/_content.scss */
  .content .panel.panel2 .playBox .today {
    margin-left: 0;
    margin-top: 70px;
  }
}
@media (max-width: 740px) {
  /* line 330, ../partial/_content.scss */
  .content .panel.panel2 .playBox .today {
    margin-top: 45px;
    text-align: center;
  }
}
/* line 341, ../partial/_content.scss */
.content .panel.panel2 .playBox .today .times {
  font-size: 78px;
  color: #ffde00;
  padding: 0 20px;
}
/* line 346, ../partial/_content.scss */
.content .panel.panel2 .playBox .today .tryit {
  display: block;
  margin-top: 20px;
  margin-left: 40px;
}
@media (max-width: 740px) {
  /* line 346, ../partial/_content.scss */
  .content .panel.panel2 .playBox .today .tryit {
    display: inline-block;
    margin: 0;
    margin-top: 20px;
  }
}
/* line 357, ../partial/_content.scss */
.content .panel.panel2 .playBox .playing {
  display: none;
}
@media (max-width: 1024px) {
  /* line 357, ../partial/_content.scss */
  .content .panel.panel2 .playBox .playing {
    margin-top: 60px;
    margin-left: -40px;
  }
}
@media (max-width: 740px) {
  /* line 357, ../partial/_content.scss */
  .content .panel.panel2 .playBox .playing {
    margin-left: 0;
    text-align: center;
  }
}
/* line 367, ../partial/_content.scss */
.content .panel.panel2 .playBox .playing .notice {
  font-size: 18px;
  color: #ca9938;
}
/* line 371, ../partial/_content.scss */
.content .panel.panel2 .playBox .playing .playBtn {
  margin: 0 5px;
  display: inline-block;
}
@media (max-width: 1024px) {
  /* line 371, ../partial/_content.scss */
  .content .panel.panel2 .playBox .playing .playBtn {
    width: 150px;
  }
}
/* line 377, ../partial/_content.scss */
.content .panel.panel2 .playBox .playing .playBtn img {
  cursor: pointer;
}
@media (max-width: 1024px) {
  /* line 377, ../partial/_content.scss */
  .content .panel.panel2 .playBox .playing .playBtn img {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  /* line 385, ../partial/_content.scss */
  .content .panel.panel2 .playBox .over, .content .panel.panel2 .playBox .fbLog {
    margin-left: -30px;
    margin-top: 70px;
  }
  /* line 389, ../partial/_content.scss */
  .content .panel.panel2 .playBox .over h4, .content .panel.panel2 .playBox .fbLog h4 {
    font-size: 24px;
  }
}
@media (max-width: 740px) {
  /* line 385, ../partial/_content.scss */
  .content .panel.panel2 .playBox .over, .content .panel.panel2 .playBox .fbLog {
    margin-left: 0;
    text-align: center;
  }
}
/* line 397, ../partial/_content.scss */
.content .panel.panel2 .playBox .over .getMore, .content .panel.panel2 .playBox .fbLog .getMore {
  display: inline-block;
}
/* line 399, ../partial/_content.scss */
.content .panel.panel2 .playBox .over .getMore img, .content .panel.panel2 .playBox .fbLog .getMore img {
  cursor: pointer;
}
@media (max-width: 1024px) {
  /* line 397, ../partial/_content.scss */
  .content .panel.panel2 .playBox .over .getMore, .content .panel.panel2 .playBox .fbLog .getMore {
    width: 310px;
  }
  /* line 404, ../partial/_content.scss */
  .content .panel.panel2 .playBox .over .getMore img, .content .panel.panel2 .playBox .fbLog .getMore img {
    width: 100%;
  }
}
/* line 410, ../partial/_content.scss */
.content .panel.panel2 .playBox .over {
  display: none;
}
/* line 414, ../partial/_content.scss */
.content .panel.panel2 .playLog {
  width: 85%;
  height: 165px;
  position: relative;
  z-index: 99;
  display: block;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  border: solid 1px #a07b31;
  background: -webkit-linear-gradient(top, #4c3620, rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, #4c3620, rgba(0, 0, 0, 0));
}
@media (max-width: 1024px) {
  /* line 414, ../partial/_content.scss */
  .content .panel.panel2 .playLog {
    padding: 10px 0;
  }
}
@media (max-width: 740px) {
  /* line 414, ../partial/_content.scss */
  .content .panel.panel2 .playLog {
    margin-top: 235px;
    width: 100%;
  }
}
/* line 432, ../partial/_content.scss */
.content .panel.panel2 .playLog ul {
  margin: 0;
  margin-right: 7px;
  padding: 0;
  padding-top: 5px;
  height: 100%;
  float: left;
  vertical-align: middle;
  display: inline-block;
}
@media (max-width: 1024px) {
  /* line 432, ../partial/_content.scss */
  .content .panel.panel2 .playLog ul {
    margin: 0 auto;
    display: block;
    width: 100%;
    float: inherit;
    margin-bottom: 28px;
  }
}
/* line 448, ../partial/_content.scss */
.content .panel.panel2 .playLog ul > li {
  width: 95px;
  height: 135px;
  background-color: #1c0f09;
  margin: 0 7px;
  padding: 5px;
  color: white;
  text-align: center;
  list-style: none;
  display: inline-block;
  float: left;
  border: solid 1px #f6d87e;
  position: relative;
}
@media (max-width: 1024px) {
  /* line 448, ../partial/_content.scss */
  .content .panel.panel2 .playLog ul > li {
    margin: 0 1.5%;
    float: inherit;
  }
}
@media (max-width: 740px) {
  /* line 448, ../partial/_content.scss */
  .content .panel.panel2 .playLog ul > li {
    width: 65px;
    margin: 0;
  }
}
@media (max-width: 500px) {
  /* line 448, ../partial/_content.scss */
  .content .panel.panel2 .playLog ul > li {
    width: 56px;
  }
}
@media (max-width: 500px) {
  /* line 472, ../partial/_content.scss */
  .content .panel.panel2 .playLog ul > li span {
    font-size: 14px;
  }
}
/* line 477, ../partial/_content.scss */
.content .panel.panel2 .playLog ul > li .cardHead {
  margin-top: 5px;
}
/* line 480, ../partial/_content.scss */
.content .panel.panel2 .playLog ul > li .cardHead.active label {
  border: solid #f6d87e 2px;
  display: inline-block;
  width: 62px;
  height: 62px;
}
@media (max-width: 500px) {
  /* line 480, ../partial/_content.scss */
  .content .panel.panel2 .playLog ul > li .cardHead.active label {
    width: 47px;
    height: 47px;
  }
}
@media (max-width: 740px) {
  /* line 492, ../partial/_content.scss */
  .content .panel.panel2 .playLog ul > li .cardHead label {
    margin-left: 0;
  }
  /* line 494, ../partial/_content.scss */
  .content .panel.panel2 .playLog ul > li .cardHead label img {
    width: 100%;
  }
}
/* line 500, ../partial/_content.scss */
.content .panel.panel2 .playLog ul > li label {
  margin-left: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media (max-width: 500px) {
  /* line 504, ../partial/_content.scss */
  .content .panel.panel2 .playLog ul > li label.choose {
    display: none;
  }
}
/* line 510, ../partial/_content.scss */
.content .panel.panel2 .playLog ul > li input[type='radio'] {
  margin-top: 2px;
  cursor: pointer;
}
/* line 514, ../partial/_content.scss */
.content .panel.panel2 .playLog ul > li input[type='radio']:checked > label {
  border: solid 1px red;
}
/* line 521, ../partial/_content.scss */
.content .panel.panel2 .playLog .logControl {
  float: left;
}
@media (max-width: 1024px) {
  /* line 521, ../partial/_content.scss */
  .content .panel.panel2 .playLog .logControl {
    float: inherit;
    margin: 0 7px;
    margin-top: 25px;
  }
}
/* line 528, ../partial/_content.scss */
.content .panel.panel2 .playLog .logControl img {
  cursor: pointer;
}
/* line 535, ../partial/_content.scss */
.content .panel.panel3 {
  background-image: url(../images/panel3bg.jpg);
  height: 600px;
  position: relative;
}
/* line 539, ../partial/_content.scss */
.content .panel.panel3 h4 {
  display: block;
  text-align: center;
  margin: 0;
}
@media (max-width: 740px) {
  /* line 544, ../partial/_content.scss */
  .content .panel.panel3 h4 img {
    width: 90%;
  }
}
/* line 549, ../partial/_content.scss */
.content .panel.panel3 .likebar {
  width: 815px;
  height: 175px;
  margin: 0 auto;
  background-image: url(../images/hp.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
@media (max-width: 1024px) {
  /* line 549, ../partial/_content.scss */
  .content .panel.panel3 .likebar {
    width: 100%;
    background-size: 100%;
    height: 200px;
  }
}
/* line 562, ../partial/_content.scss */
.content .panel.panel3 .likebar .hpBox {
  position: relative;
  width: 80%;
  height: 30px;
  margin: 0 auto;
  display: inline-block;
  margin-top: 129px;
  margin-left: 80px;
}
@media (max-width: 1024px) {
  /* line 562, ../partial/_content.scss */
  .content .panel.panel3 .likebar .hpBox {
    margin: 0;
    position: absolute;
    left: 9.5%;
    bottom: 23.5%;
  }
}
@media (max-width: 740px) {
  /* line 562, ../partial/_content.scss */
  .content .panel.panel3 .likebar .hpBox {
    bottom: 36.5%;
    height: 15px;
  }
}
/* line 581, ../partial/_content.scss */
.content .panel.panel3 .likebar .hp {
  display: inline-block;
  height: 100%;
  width: 5%;
  background-image: url(../images/hp_fill.png);
  background-repeat: repeat-x;
  background-position: left top;
  position: absolute;
  bottom: 20px;
  -webkit-transition: all linear 2s;
          transition: all linear 2s;
}
@media (max-width: 1024px) {
  /* line 581, ../partial/_content.scss */
  .content .panel.panel3 .likebar .hp {
    bottom: 15%;
    left: 0;
    background-size: auto 100%;
  }
}
/* line 596, ../partial/_content.scss */
.content .panel.panel3 .likebar .hp:after {
  content: '';
  display: inline-block;
  width: 80px;
  height: 70px;
  background-image: url(../images/charater.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: -55px;
  top: -25px;
}
@media (max-width: 740px) {
  /* line 596, ../partial/_content.scss */
  .content .panel.panel3 .likebar .hp:after {
    width: 40px;
    background-size: 100%;
    right: -25px;
    top: -30px;
  }
}
/* line 616, ../partial/_content.scss */
.content .panel.panel3 .fanbox {
  height: 90px;
  width: 100%;
  padding-left: 300px;
  padding-top: 50px;
  position: relative;
  z-index: 9;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  /* line 616, ../partial/_content.scss */
  .content .panel.panel3 .fanbox {
    padding-left: 0;
    text-align: center;
  }
}
@media (max-width: 740px) {
  /* line 616, ../partial/_content.scss */
  .content .panel.panel3 .fanbox {
    padding-top: 0;
  }
}
/* line 631, ../partial/_content.scss */
.content .panel.panel3 .fanbox .fanGroup {
  display: inline-block;
  float: left;
}
@media (max-width: 1024px) {
  /* line 631, ../partial/_content.scss */
  .content .panel.panel3 .fanbox .fanGroup {
    float: inherit;
  }
}
/* line 638, ../partial/_content.scss */
.content .panel.panel3 .fanbox .fb-like {
  padding-top: 10px;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  /* line 638, ../partial/_content.scss */
  .content .panel.panel3 .fanbox .fb-like {
    vertical-align: top;
  }
}
/* line 648, ../partial/_content.scss */
.content .panel.panel4 {
  position: relative;
  color: white;
  text-align: center;
}
/* line 652, ../partial/_content.scss */
.content .panel.panel4 h3 {
  margin-left: 70px;
  text-align: left;
  margin-top: 0;
}
@media (max-width: 1024px) {
  /* line 652, ../partial/_content.scss */
  .content .panel.panel4 h3 {
    text-align: center;
    margin-left: 10px;
  }
  /* line 659, ../partial/_content.scss */
  .content .panel.panel4 h3 img {
    width: auto;
  }
}
@media (max-width: 740px) {
  /* line 652, ../partial/_content.scss */
  .content .panel.panel4 h3 {
    margin-left: 0;
  }
}
/* line 667, ../partial/_content.scss */
.content .panel.panel4 h4 {
  width: 80%;
  text-align: left;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  /* line 667, ../partial/_content.scss */
  .content .panel.panel4 h4 {
    width: 100%;
    text-align: center;
  }
}
/* line 676, ../partial/_content.scss */
.content .panel.panel4 ol {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  /* line 676, ../partial/_content.scss */
  .content .panel.panel4 ol {
    width: 95%;
  }
}
/* line 687, ../partial/_content.scss */
.content .panel.panel4 ol li a {
  color: yellow;
  text-decoration: underline;
}
/* line 693, ../partial/_content.scss */
.content .panel.panel4 > img {
  width: 100%;
}

/* line 1, ../partial/_footer.scss */
.footer {
  width: 100%;
  color: #333;
  background-color: #000;
  float: left;
  padding: 20px 0 5px 0;
}
/* line 7, ../partial/_footer.scss */
.footer .company-info {
  width: 100%;
  float: left;
  text-align: center;
  color: #555;
}
/* line 12, ../partial/_footer.scss */
.footer .company-info .infoL {
  width: 100%;
  float: left;
  display: inline-block;
  padding-left: 10px;
}
/* line 17, ../partial/_footer.scss */
.footer .company-info .infoL .infoLogo {
  margin-right: 30px;
  vertical-align: middle;
}
/* line 21, ../partial/_footer.scss */
.footer .company-info .infoL .copyright {
  font-size: 14px;
  vertical-align: inherit;
}
/* line 25, ../partial/_footer.scss */
.footer .company-info .infoL .r12 {
  vertical-align: middle;
}
@media (max-width: 740px) {
  /* line 25, ../partial/_footer.scss */
  .footer .company-info .infoL .r12 {
    margin-top: 10px;
  }
}

/* line 2, ../plugin/_flipeffect.scss */
.flip-container {
  -webkit-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  position: relative;
}

/* line 10, ../plugin/_flipeffect.scss */
.flip-container, .front, .back {
  width: 304px;
  height: 451px;
}
@media (max-width: 740px) {
  /* line 10, ../plugin/_flipeffect.scss */
  .flip-container, .front, .back {
    width: 280px;
  }
  /* line 15, ../plugin/_flipeffect.scss */
  .flip-container img, .front img, .back img {
    width: 100%;
  }
}

/* line 21, ../plugin/_flipeffect.scss */
.flipper {
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -webkit-transition: 0.6s;
          transition: 0.6s;
  position: relative;
}

/* line 28, ../plugin/_flipeffect.scss */
.front, .back {
  -webkit-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -webkit-transition: 0.6s;
          transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 55, ../plugin/_flipeffect.scss */
.back {
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  opacity: 0;
}

/* line 64, ../plugin/_flipeffect.scss */
.flip-container.active .back, .flip-container.active .back {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
  z-index: 1;
}

/* line 74, ../plugin/_flipeffect.scss */
.flip-container.active .front, .flip-container.active .front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  opacity: 0;
}

/* line 83, ../plugin/_flipeffect.scss */
.front {
  z-index: 1;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 6, ../plugin/_colorbox.scss */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

/* line 16, ../plugin/_colorbox.scss */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 22, ../plugin/_colorbox.scss */
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

/* line 27, ../plugin/_colorbox.scss */
#cboxContent {
  position: relative;
}

/* line 31, ../plugin/_colorbox.scss */
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 36, ../plugin/_colorbox.scss */
#cboxTitle {
  margin: 0;
}

/* line 40, ../plugin/_colorbox.scss */
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 49, ../plugin/_colorbox.scss */
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

/* line 56, ../plugin/_colorbox.scss */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

/* line 65, ../plugin/_colorbox.scss */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* line 72, ../plugin/_colorbox.scss */
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* line 85, ../plugin/_colorbox.scss */
#cboxOverlay {
  background: #000;
}

/* line 89, ../plugin/_colorbox.scss */
#colorbox {
  outline: 0;
}

/* line 93, ../plugin/_colorbox.scss */
#cboxTopLeft {
  width: 14px;
  height: 14px;
  background: url(../images/colorbox/controls.png) no-repeat 0 0;
}

/* line 99, ../plugin/_colorbox.scss */
#cboxTopCenter {
  height: 14px;
  background: url(../images/colorbox/border.png) repeat-x top left;
}

/* line 104, ../plugin/_colorbox.scss */
#cboxTopRight {
  width: 14px;
  height: 14px;
  background: url(../images/colorbox/controls.png) no-repeat -36px 0;
}

/* line 110, ../plugin/_colorbox.scss */
#cboxBottomLeft {
  width: 14px;
  height: 43px;
  background: url(../images/colorbox/controls.png) no-repeat 0 -32px;
}

/* line 116, ../plugin/_colorbox.scss */
#cboxBottomCenter {
  height: 43px;
  background: url(../images/colorbox/border.png) repeat-x bottom left;
}

/* line 121, ../plugin/_colorbox.scss */
#cboxBottomRight {
  width: 14px;
  height: 43px;
  background: url(../images/colorbox/controls.png) no-repeat -36px -32px;
}

/* line 127, ../plugin/_colorbox.scss */
#cboxMiddleLeft {
  width: 14px;
  background: url(../images/colorbox/controls.png) repeat-y -175px 0;
}

/* line 132, ../plugin/_colorbox.scss */
#cboxMiddleRight {
  width: 14px;
  background: url(../images/colorbox/controls.png) repeat-y -211px 0;
}

/* line 137, ../plugin/_colorbox.scss */
#cboxContent {
  background: #fff;
  overflow: visible;
}

/* line 142, ../plugin/_colorbox.scss */
.cboxIframe {
  background: #fff;
}

/* line 146, ../plugin/_colorbox.scss */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 151, ../plugin/_colorbox.scss */
#cboxLoadedContent {
  margin-bottom: 5px;
}

/* line 155, ../plugin/_colorbox.scss */
#cboxLoadingOverlay {
  background: url(../images/colorbox/loading_background.png) no-repeat center center;
}

/* line 159, ../plugin/_colorbox.scss */
#cboxLoadingGraphic {
  background: url(../images/colorbox/loading.gif) no-repeat center center;
}

/* line 163, ../plugin/_colorbox.scss */
#cboxTitle {
  position: absolute;
  bottom: -25px;
  left: 0;
  text-align: center;
  width: 100%;
  font-weight: bold;
  color: #7C7C7C;
}

/* line 173, ../plugin/_colorbox.scss */
#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/* line 182, ../plugin/_colorbox.scss */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  background: url(../images/colorbox/controls.png) no-repeat 0px 0px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/* line 199, ../plugin/_colorbox.scss */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

/* line 206, ../plugin/_colorbox.scss */
#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}

/* line 211, ../plugin/_colorbox.scss */
#cboxPrevious:hover {
  background-position: -51px 0px;
}

/* line 215, ../plugin/_colorbox.scss */
#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}

/* line 220, ../plugin/_colorbox.scss */
#cboxNext:hover {
  background-position: -75px 0px;
}

/* line 224, ../plugin/_colorbox.scss */
#cboxClose {
  right: 0;
  background-position: -100px -25px;
}

/* line 229, ../plugin/_colorbox.scss */
#cboxClose:hover {
  background-position: -100px 0px;
}

/* line 233, ../plugin/_colorbox.scss */
.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}

/* line 238, ../plugin/_colorbox.scss */
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}

/* line 242, ../plugin/_colorbox.scss */
.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}

/* line 247, ../plugin/_colorbox.scss */
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}

/* line 15, ../main.scss */
.wrap {
  overflow-x: hidden;
  background-color: #000;
  background-image: url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  float: left;
  width: 100%;
}
@media (max-width: 1024px) {
  /* line 15, ../main.scss */
  .wrap {
    background-image: url(../images/mobile/mob.jpg);
    background-size: 100%;
  }
}

/* line 29, ../main.scss */
.zoomeffect {
  -webkit-animation: zoomeffect 2s linear infinite;
          animation: zoomeffect 2s linear infinite;
}
/* line 31, ../main.scss */
.zoomeffect:hover {
  -webkit-animation: none;
          animation: none;
}

/* line 35, ../main.scss */
.itemInfo {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  color: white;
  display: none;
}
/* line 44, ../main.scss */
.itemInfo .itemInfoBg {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}
/* line 52, ../main.scss */
.itemInfo .close {
  float: right;
  margin-bottom: 10px;
  margin-top: 10px;
  cursor: pointer;
  font-size: 16px;
}
/* line 59, ../main.scss */
.itemInfo .infoContent {
  position: relative;
  z-index: 2;
  width: 500px;
  margin: 0 auto;
  margin-top: 20%;
  font-size: 21px;
  background-color: #000;
  padding: 20px;
  border-radius: 20px;
  border: white 1px solid;
}
@media (max-width: 740px) {
  /* line 59, ../main.scss */
  .itemInfo .infoContent {
    margin-top: 35%;
    width: 100%;
    padding: 0 10px;
    padding-bottom: 40px;
  }
}
/* line 76, ../main.scss */
.itemInfo .infoContent table {
  width: 100%;
}
/* line 79, ../main.scss */
.itemInfo .infoContent table tbody tr {
  border: solid 1px #555;
}
/* line 81, ../main.scss */
.itemInfo .infoContent table tbody tr td {
  padding: 10px 20px;
}

/* line 90, ../main.scss */
#cboxContent {
  background-color: rgba(0, 0, 0, 0.8);
}

/* line 94, ../main.scss */
.cardInfo {
  color: white;
}
/* line 96, ../main.scss */
.cardInfo .sky {
  padding: 10px 0;
  position: relative;
  z-index: 2;
}
/* line 100, ../main.scss */
.cardInfo .sky .typeBox {
  display: inline-block;
  font-size: 16px;
  float: right;
  color: #e3c16c;
}
@media (max-width: 1024px) {
  /* line 100, ../main.scss */
  .cardInfo .sky .typeBox {
    margin-bottom: 15px;
  }
}
/* line 108, ../main.scss */
.cardInfo .sky .typeBox .typeSwitch {
  margin: 0 10px;
  position: relative;
  cursor: pointer;
}
/* line 113, ../main.scss */
.cardInfo .sky .typeBox .typeSwitch:first-child:after {
  content: ' | ';
  position: absolute;
  right: -13px;
  top: -5px;
  display: inline-block;
  cursor: none;
}
/* line 125, ../main.scss */
.cardInfo .sky .infoContent {
  padding: 0 30px;
}
@media (max-width: 1024px) {
  /* line 125, ../main.scss */
  .cardInfo .sky .infoContent {
    text-align: center;
    padding: 0 5px;
  }
}
/* line 131, ../main.scss */
.cardInfo .sky .infoContent ul {
  padding-left: 0;
}
/* line 133, ../main.scss */
.cardInfo .sky .infoContent ul > li {
  list-style: none;
  border-bottom: dotted 1px #e3a31c;
  padding-bottom: 20px;
}
/* line 137, ../main.scss */
.cardInfo .sky .infoContent ul > li:not(:first-child) {
  margin-top: 25px;
}
/* line 140, ../main.scss */
.cardInfo .sky .infoContent ul > li .head {
  float: left;
  margin-right: 15px;
}
@media (max-width: 1024px) {
  /* line 140, ../main.scss */
  .cardInfo .sky .infoContent ul > li .head {
    width: 100%;
    text-align: center;
  }
}
/* line 148, ../main.scss */
.cardInfo .sky .infoContent ul > li p {
  margin-top: 10px;
  display: inline-block;
  width: 80%;
}
@media (max-width: 1024px) {
  /* line 148, ../main.scss */
  .cardInfo .sky .infoContent ul > li p {
    width: 100%;
  }
}
/* line 155, ../main.scss */
.cardInfo .sky .infoContent ul > li p .godName {
  font-size: 24px;
}
/* line 158, ../main.scss */
.cardInfo .sky .infoContent ul > li p .nickName {
  font-size: 18px;
  margin-left: 10px;
  color: #e7ce43;
}
/* line 163, ../main.scss */
.cardInfo .sky .infoContent ul > li p .godDes {
  margin-top: 10px;
  font-size: 18px;
  display: block;
}
/* line 168, ../main.scss */
.cardInfo .sky .infoContent ul > li p .kind, .cardInfo .sky .infoContent ul > li p .type {
  display: inline-block;
  margin-top: 20px;
  font-size: 18px;
  vertical-align: top;
  line-height: 2;
  margin-right: 20px;
}
@media (max-width: 1024px) {
  /* line 168, ../main.scss */
  .cardInfo .sky .infoContent ul > li p .kind, .cardInfo .sky .infoContent ul > li p .type {
    margin-right: 5px;
  }
}