@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  font-family: "微軟正黑體", Helvetica, Arial, sans-serif;
  min-width: 1000px;
  background: #151924;
}

html,
body {
  width: 100%;
  height: 100%;
}

a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

.wrapper {
  min-width: 1000px;
  overflow: hidden;
}
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
  pointer-events: none;
}

.navbtn ul li a,
header.main_bg a.sign_btn,
.winning-1,
.winning-2 {
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

header.main_bg a.sign_btn:hover {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}

header.main_bg {
  background: url(../images/header_bg.jpg) no-repeat 50% 0;
  height: 897px;
  margin: 50px 0 0;
  width: 100%;
  min-width: 1000px;
  background-size: cover;
  position: relative;
}

header.main_bg:after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url(../images/header_bg_over.jpg) no-repeat 50% 0;
  pointer-events: none;
  -webkit-animation: opacity 5s infinite ease-in-out;
  animation: opacity 5s infinite ease-in-out;
}

@keyframes opacity {
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes opacity {
  50% {
    opacity: 1;
  }
}

header.main_bg .brand-logo {
  display: none;
}

header.main_bg .logo {
  position: absolute;
  z-index: 2;
  display: block;
  top: 20px;
  right: 30px;
  margin: 0;
}

header.main_bg .logo a {
  display: inline-block;
}

header.main_bg a.sign_btn {
  position: absolute;
  bottom: 0;
  display: inline-block;
  text-align: center;
  left: 0;
  right: 0;
  z-index: 2;
}

.navbar.center .navbar-inner {
  text-align: center;
}

.navbar.center .navbar-inner .nav {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.conSet {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 800px 0 0;
}

.navbtn {
  background: url(../images/nav_bg.jpg) repeat-x 0 0;
  height: 96px;
  line-height: 96px;
  text-align: center;
  background-size: contain;
}

.navbtn ul {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.navbtn ul li {
  display: block;
  float: left;
  padding: 0 46px;
  position: relative;
  margin: 0 17px;
}

.navbtn ul li:before, .navbtn ul li:after {
  content: '';
    position: absolute;
    top: 50%;
    width: 3px;
    height: 59px;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.navbtn ul li:before {
  background: transparent url(../images/lf-border.png) no-repeat 0 0;
  left: 0;
}
.navbtn ul li:after {
  background: transparent url(../images/rt-border.png) no-repeat -1px 0;
  right: 0;
}
.navbtn ul li a {
  background: transparent url(../images/nav_btn.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 133px;
  height: 30px;
  
}
.navbtn ul li:hover:after, .navbtn ul li.active:after {
  background: transparent url(../images/lf-border.png) no-repeat 0 0;
}
.navbtn ul li a:hover, .navbtn ul li.active a {
  background: transparent url(../images/nav_btn_hover.png) no-repeat 0 0;
}

.navbtn ul li:nth-child(2) a, .navbtn ul li:nth-child(2) a:hover {
  background-position-y: -34px;
}

.navbtn ul li:last-child a, .navbtn ul li:last-child a:hover {
  background-position-y: -66px;
}

.tab-pane.active {
  display: block;
}

.tab-pane {
  display: none;
}
.content {
  width: 1000px;
  position: relative;
  margin: 0 auto;
}
#tab-1 {
  background: url(../images/con1.jpg) no-repeat 50% 0;
  height: 1866px;
}
#tab-2 {
  background: url(../images/con2.jpg) no-repeat 50% 0;
  height: 1167px;
}
.winning a{
  background: transparent url(../images/winning.png) 0 0;
  width: 123px;
  height: 106px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  right: 205px;
  top: 388px;
}

a.winning-2 {
  background-position-y: -106px;
  top: 720px;
}
.winning-1:hover {
  /*background: transparent url(../images/winning_hover.png) 0 0;*/
}
.winning-2:hover {
  /*background: transparent url(../images/winning_hover.png) 0 -106px;*/
}
#tab-3 {
  background: url(../images/con3.jpg) no-repeat 50% 0;
  height: 1866px;
}

footer.copyright {
  text-align: center;
  padding: 25px 15px;
  background: #fff;
}

/* @media (max-width: 992px) {
  
  header.main_bg .brand-logo {
    display: inline-block;
    width: 130px;
    margin: 10px 0 0 10px;
  }

  header.main_bg .logo {
    display: none;
  }

  .navbar.center .navbar-inner {
    text-align: left;
  }
} */