body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
b {
  font-weight: normal;
  font-style: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
}
a {
  text-decoration: none;
}
html {
  min-width: 1200px;
}
body {
  font: 13px/1.6 arial, PMingLiU, '\65B0\7D30\660E\9AD4';overflow-x: hidden;
}
body {
  background: #000;
}
#wrapper {
/*  overflow: hidden;*/
  min-width: 1200px;
  *position: relative;
}
.nav {
  font-size: 0;
  text-align: center;
}
.index-main .nav {
  padding: 24px 0 0;
}
.nav-i {
  width: 1200px;
  margin: 0 auto 0;
  position: relative;
}
.nav-wrap {
  background: url(../img/menu-bar.png) 50% 0 no-repeat;
}
.index-main .nav-wrap {
  background: none;
  margin: 0 0 305px;
}
.intro-main .nav-wrap {
  margin: 0 0 32px;
}
.heros-main .nav-wrap {
  margin: 0 0 37px;
}
.features-main .nav-wrap {
  margin: 0 0 550px;
}
.community-main .nav-wrap {
  margin: 0px 0 0 0;
  padding: 0 0 0 0;
}


.story_title{width: 466px;
    height: 247px;
    position: absolute;
    top: 70px;
   
    background-image:url("../img/story_title.png") ;background-repeat: no-repeat;
    
    text-indent: -9999px;margin-left: 250px;

}








.index-main .nav__item {
  margin: 0;
  padding: 0;
}
.nav__item a {
  display: block;
  height: 100px;
}





.nav__item-l {
  width: 300px;
/*  margin: 3px 2px 0;*/
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.nav__item-l a {
  height: 180px;
  display: block;
  background: url(../img/logo-s.png);
}
.nav__item-l a:hover {
  background: url(../img/logo-s-hover.png);
}
.nav__item-ll {
  width: 505px;
  margin: 7px 0 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.nav__item-ll a {
  height: 220px;
  display: block;
  background: url(../img/logo-l.png);
}
.nav__item-ll-txt {
  height: 100px;
  background: url(../img/slogan.png) 50% 0 no-repeat;
}
.nav__panel {
  left: 1020px;
  top: 33px;
  position: absolute;
}
.nav__panel-fb {
  height: 21px;
  width: 100px;
}
.nav__panel-fb-test {
  width: 100px;
  height: 21px;
  background: url(../img/fb.png) 0 0 no-repeat;
}
.nav__panel-sound {
  width: 75px;
  height: 25px;
  overflow: hidden;
}
.nav__panel-sound-play {
  display: block;
  height: 25px;
  background: url(../img/sound.png);
}
.nav__panel-sound-play:hover {
  background-position: 0 -25px;
}
.nav__panel-sound-pause {
  display: block;
  height: 25px;
  background: url(../img/sound.png) 0 -25px;
}
.nav__panel-sound-pause:hover {
  background-position: 0 0;
}
.index {
  position: relative;
}
.index-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.index-bg__video {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -960px;
  width: 1920px;
  height: 950px;
}
.index-bg__mask {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -960px;
  width: 1920px;
  height: 900px;
  background: url(../img/index.png) 50% 0 no-repeat;
}
.index-main {
  height: 950px;
  position: relative;
}
.index-content {
  width: 1200px;
  margin: 0 auto 0;
}
.index-entry {
  width: 490px;
  height: 76px;
  padding: 24px 0 0;
  background: url(../img/menu.png);
  margin: 0 auto 10px;
  font-size: 0;
  text-align: center;
}
.index-entry__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.index-entry__item a {
  display: block;
  height: 50px;
}
.index-entry__r {
  width: 120px;
}
.index-entry__r a {
  background: url("../img/register.png");
}
.index-entry__r a:hover {
  background: url("../img/register-ov.png");
}
.index-entry__k {
  width: 140px;
}
.index-entry__k a {
  background: url("../img/cbkey.png");
}
.index-entry__k a:hover {
  background: url("../img/cbkey-ov.png");
}
.index-entry__d {
  width: 120px;
}
.index-entry__d a {
  background: url("../img/download.png");
}
.index-entry__d a:hover {
  background: url("../img/download-ov.png");
}
.index-nb {
  width: 957px;
  height: 138px;
  margin: 0 auto 10px;
  background: rgba(0, 0, 0, 0.8);
  *zoom: 1;
}
.index-nb:after {
  clear: both;
  content: "";
  display: table;
}
@media \0screen\,screen\9 {
  .index-nb {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#cc000000', GradientType=0);
  }
}
.index-news {
  width: 430px;
  height: 90px;
  overflow: hidden;
}
.index-news-wrap {
  float: left;
  padding: 24px 0 24px 60px;
  margin: 0 30px 0 0;
  background: url(../img/topic-news.png) 18px 50% no-repeat;
}
.index-news li {
  border-bottom: 1px dashed #3C3F43;
}


.index-news a {
  display: block;
  color: #9b9b9b;
  height: 29px;
  font: 13px/29px arial, 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
  letter-spacing: 1px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.index-news a:hover {
 color:#b39bff;
}

.index-news span {
  color: #bfbfbf;
  margin: 0 10px 0 0;
}


.index-promo {
  *zoom: 1;
  height: 128px;
}
.index-promo:after {
  clear: both;
  content: "";
  display: table;
}
.index-promo-wrap {
  float: left;
  padding: 5px 0;
  width: 437px;
}
.index-promo__filter {
  float: left;
  height: 128px;
  overflow: hidden;
  width: 405px;
  position: relative;
}
.index-promo__filter ul {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
}
.index-promo__filter a,
.index-promo__filter img {
  display: block;
  width: 405px;
  height: 128px;
}
.index-promo__pg {
  margin: 6px 0 0 11px;
  float: left;
  width: 8px;
  *zoom: 1;
}
.index-promo__pg:after {
  clear: both;
  content: "";
  display: table;
}
.index-promo__pg li {
  *float: left;
  width: 8px;
  height: 8px;
  background: url(../img/banner-dot.png);
  margin: 0 0 6px;
  cursor: pointer;
}
.index-promo__pg li.index-promo__pg--selected {
  background: url(../img/banner-dot.png) 0 100%;
}
.index-showft {
  width: 310px;
  margin: 0 auto;
}
.index-showft a {
  display: block;
  height: 25px;
  background: url(../img/copyright-s.png);
}
.index-showft--hidden {
  visibility: hidden;
}
.index-hpop-w {
  display: none;
}
.index-hpop-1 {
  width: 1300px;
  height: 880px;
  background: url(../img/popbg1.png);
  position: relative;
}

.index-hpop-1__close {
  width: 90px;
  height: 30px;
  display: block;
  background: url(../img/close2.png);
  position: absolute;
  left: 792px;
  top: 778px;
}

.index-hpop-2 {
  width: 1300px;
  height: 880px;
  background: url(../img/popbg2.png);
  position: relative;
}



.index-hpop-2__close {
	width: 90px;
	height: 30px;
	display: block;
	background: url(../img/close2.png);
	position: absolute;
	left: 583px;
	top: 826px;
}
.footer {
      width: 1200px;
    margin: 0 auto 0;
    position: relative;
    background: url(../img/copyright-all.png) center no-repeat;
/*    padding: 17px 0 16px;*/
    height: 60px;
    z-index: 100;
}

.index-hpop-5 {
  width: 1300px;
  height: 880px;
  background: url(../img/popbg5.png);
  position: relative;
}

.index-hpop-5__close {
	width: 90px;
	height: 30px;
	display: block;
	background: url(../img/close2.png);
	position: absolute;
	left: 583px;
	top: 826px;
}

.index-hpop-load {
  width: 1300px;
  height: 880px;
  background: url(../img/popbg-load.png);
  position: relative;
}

.index-hpop-load__close {
	width: 90px;
	height: 30px;
	display: block;
	background: url(../img/close2.png);
	position: absolute;
	left: 618px;
	top: 748px;
}

.btn-load-1 {
	width: 505px;
	height: 240px;
	display: block;
	position: absolute;
	left: 150px;
	top: 199px;
	background-image: url(../img/banner/btn-load1.png);
	background-repeat: no-repeat;
}

.btn-load-1:hover {
	background-image: url(../img/banner/btn-load1-ov.png);
	background-repeat: no-repeat;
}

.btn-load-2 {
	width: 505px;
	height: 240px;
	display: block;
	position: absolute;
	left: 650px;
	top: 199px;
	background-image: url(../img/banner/btn-load2.png);
	background-repeat: no-repeat;
}

.btn-load-2:hover {
	background-image: url(../img/banner/btn-load2-ov.png);
	background-repeat: no-repeat;
}



.footer-w {
position:absolute;
display: block;
  left: 0;
  bottom: 0px;
  width: 100%;
    background-color: #000;
/*  background: url(../img/footer.png) 50% 0 repeat-x;*/
/*  height: 93px;*/
  z-index:200;
}


.bbb{ position: fixed; bottom: 0; }

.footer__link {
  position: absolute;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.footer__link-g {
  top: 25px;
  height: 25px;
  left: 90px;
  width: 63px;
}
.footer__link-f {
  top: 20px;
  width: 30px;
  height: 32px;
  right: 26px;
}
.intro {
  position: relative;
}
.intro-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg-story.jpg) 50% 0 no-repeat;
}
.intro-main {

  position: relative;
}
.intro-content {
  width: 1000px;
  margin:150px auto 0;
}
.intro-title {
  width: 240px;
  height: 75px;
  
  margin: 0 auto 25px;
}
.intro-txt {
  color: #fff;
  text-align: center;
  font: 16px/1.6 arial, 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
  text-shadow:1px 1px #000;
  margin-right: 130px;  
  height: 550px;
}
.intro-txt p {
  margin: 0 0 30px;
  opacity: 0;
  position: relative;
  top: 50px;
}
@media \0screen\,screen\9 {
  .intro-txt p {
    filter: alpha(opacity=0);
    *zoom: 1;
  }
}
.intro-showft {
  width: 310px;
  margin: 0 auto;
}
.intro-showft a {
  display: block;
  height: 25px;
  background: url(../img/copyright-s.png);
}
.intro-showft--hidden {
  visibility: hidden;
}
.heros {
  position: relative;
  height: 920px;
}
.heros-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
/*  background: url(../img/bg-heros.jpg) 50% 0 no-repeat;*/
}
.heros-main {
  position: relative;
}
.heros-content {
  height: 920px;
}
.heros-desc-c {
  height: 100%;
  position: relative;
  z-index: 0;
}
.heros-desc-w {
  width: 1920px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -960px;
}
.heros-desc__item {
  width: 1920px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  visibility: hidden;
}
.heros-desc__item--cur {
  visibility: visible;
}
.heros-desc__detail {
  height: 920px;
  position: relative;
  font: 15px/1.4 arial, 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', PMingLiU, '\65B0\7D30\660E\9AD4';
  opacity: 0;
}
@media \0screen\,screen\9 {
  .heros-desc__detail {
    filter: alpha(opacity=0);
  }
}
.heros-desc__detail-name {
  position: absolute;
  margin: 50px 0 0;
  opacity: 0;
}
.heros-desc__detail-video {
  position: absolute;
  margin: 50px 0 0;
  opacity: 0;
}
@media \0screen\,screen\9 {
  .heros-desc__detail-video {
    filter: alpha(opacity=0);
  }
}
.heros-desc__detail-txt {
  position: absolute;
  margin: 50px 0 0;
  opacity: 0;
}
@media \0screen\,screen\9 {
  .heros-desc__detail-txt {
    filter: alpha(opacity=0);
  }
}
.heros-desc__detail-kalok {
  background: url(../img/bg-kalok.jpg);
}
.heros-desc__detail-kalok-name {
  left: 910px;
  top: 130px;
  width: 577px;
  height: 130px;
  background: url(../img/slog-kalok.png);
}
@media \0screen\,screen\9 {
  .heros-desc__detail-kalok-name {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slog-kalok.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-desc__detail-kalok-video {
  left: 1050px;
  top: 270px;
  width: 301px;
}
.heros-desc__detail-kalok-video a {
  display: block;
  height: 268px;    width: 459px;
  background: url(../img/vod-kalok.png);
}
.heros-desc__detail-kalok-txt {
    width: 440px;
    left: 1060px;
    top: 550px;
    color: #fff;
}
.heros-desc__detail-kalok-txt p {
  margin: 0 0 15px;
  text-shadow: 0 0 10px #000;
}
.heros-desc__detail-hurk {
  background: url(../img/bg-hurk.jpg);
}
.heros-desc__detail-hurk-name {
  left: 868px;
  top: 130px;
  width: 599px;
  height: 130px;
  background: url(../img/slog-hurk.png);
}
@media \0screen\,screen\9 {
  .heros-desc__detail-hurk-name {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slog-hurk.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-desc__detail-hurk-video {
  left: 1050px;
  top: 270px;
  width: 460px;
}
.heros-desc__detail-hurk-video a {
  display: block;
  height: 268px;
  background: url(../img/vod-hurk.png);
}
.heros-desc__detail-hurk-txt {
  width: 370px;
  left: 1070px;
  top: 570px;
  color: #DFDCD9;
}
.heros-desc__detail-hurk-txt p {
  margin: 0 0 15px;
  text-shadow: 0 0 10px #000;
}
.heros-desc__detail-evy {
  background: url(../img/bg-evy.jpg);
}
.heros-desc__detail-evy-name {
  left: 887px;
  top: 130px;
  width: 580px;
  height: 130px;
  background: url(../img/slog-evy.png);
}
@media \0screen\,screen\9 {
  .heros-desc__detail-evy-name {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slog-evy.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-desc__detail-evy-video {
 left: 1045px;
    top: 270px;
    width: 301px;
}
.heros-desc__detail-evy-video a {
  display: block;
  height: 268px;
    width: 460px;
  background: url(../img/vod-evy.png);
}
.heros-desc__detail-evy-txt {
      width: 440px;
    left: 1055px;
    top: 550px;
    color: #fff;
}
.heros-desc__detail-evy-txt p {
  margin: 0 0 15px;
  text-shadow: 0 0 10px #000;
}
.heros-desc__detail-lynn {
  background: url(../img/bg-lynn.jpg);
}
.heros-desc__detail-lynn-name {
  position: absolute;
  left: 910px;
  top: 170px;
  width: 510px;
  height: 136px;
  background: url(../img/slog-lynn.png);
}
@media \0screen\,screen\9 {
  .heros-desc__detail-lynn-name {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slog-lynn.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-desc__detail-lynn-video {
  position: absolute;
  left: 1050px;
  top: 314px;
  width: 301px;
}
.heros-desc__detail-lynn-video a {
  display: block;
  height: 170px;
  background: url(../img/vod-lynn.png);
}
.heros-desc__detail-lynn-txt {
  width: 370px;
  position: absolute;
  left: 1120px;
  top: 516px;
  color: #bfb6b1;
}
.heros-desc__detail-lynn-txt p {
  margin: 0 0 15px;
  text-shadow: 0 0 10px #000;
}
.heros-desc__detail-vella {
  background: url(../img/bg-vella.jpg);
}
.heros-desc__detail-vella-name {
  left: 892px;
  top: 163px;
  width: 534px;
  height: 190px;
  background: url(../img/slog-vella.png);
}
@media \0screen\,screen\9 {
  .heros-desc__detail-vella-name {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slog-vella.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-desc__detail-vella-video {
  left: 1039px;
  top: 378px;
  width: 301px;
}
.heros-desc__detail-vella-video a {
  display: block;
  height: 170px;
  background: url(../img/vod-vella.png);
}
.heros-desc__detail-vella-txt {
  width: 370px;
  left: 1040px;
  top: 584px;
  color: #fff;
}
.heros-desc__detail-vella-txt p {
  margin: 0 0 15px;
  text-shadow: 0 0 10px #000;
}
.heros-desc__detail-arisha {
  background: url(../img/bg-arisha.jpg);
}
.heros-desc__detail-arisha-name {
  left: 913px;
  top: 171px;
  width: 547px;
  height: 171px;
  background: url(../img/slog-arisha.png);
}
@media \0screen\,screen\9 {
  .heros-desc__detail-arisha-name {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slog-arisha.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-desc__detail-arisha-video {
  left: 1051px;
  top: 363px;
  width: 301px;
}
.heros-desc__detail-arisha-video a {
  display: block;
  height: 170px;
  background: url(../img/vod-arisha.png);
}
.heros-desc__detail-arisha-txt {
  width: 370px;
  left: 1050px;
  top: 564px;
  color: #fff;
}
.heros-desc__detail-arisha-txt p {
  margin: 0 0 15px;
  text-shadow: 0 0 10px #000;
}
.heros-desc__detail-fiona {
  background: url(../img/bg-fiona.jpg);
}
.heros-desc__detail-fiona-name {
  left: 913px;
  top: 171px;
  width: 512px;
  height: 171px;
  background: url(../img/slog-fiona.png);
}
@media \0screen\,screen\9 {
  .heros-desc__detail-fiona-name {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slog-fiona.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-desc__detail-fiona-video {
  left: 0px;
  top: 0px;
  width: 647px;background-color: #000;
}
.heros-desc__detail-fiona-video a {
  display: block;
  height: 300px;
  background-color: #000;
}
.heros-desc__detail-fiona-txt {
  width: 370px;
  left: 1050px;
  top: 564px;
  color: #fff;
}
.heros-desc__detail-fiona-txt p {
  margin: 0 0 15px;
  text-shadow: 0 0 10px #000;
}
.heros-desc__detail-kay {
  background: url(../img/bg-kay.jpg);
}
.heros-desc__detail-kay-name {
  left: 893px;
  top: 196px;
  width: 463px;
  height: 143px;
  background: url(../img/slog-kay.png);
}
@media \0screen\,screen\9 {
  .heros-desc__detail-kay-name {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slog-kay.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-desc__detail-kay-video {
  left: 990px;
  top: 343px;
  width: 301px;
}
.heros-desc__detail-kay-video a {
  display: block;
  height: 170px;
  background: url(../img/vod-kay.png);
}
.heros-desc__detail-kay-txt {
  width: 370px;
  left: 1080px;
  top: 539px;
  color: #fff;
}
.heros-desc__detail-kay-txt p {
  margin: 0 0 15px;
  text-shadow: 0 0 10px #000;
}
.heros-desc__detail-lethita {
  background: url(../img/bg-lethita.jpg);
}
.heros-desc__detail-lethita-name {
  left: 789px;
  top: 173px;
  width: 545px;
  height: 158px;
  background: url(../img/slog-lethita.png);
}
@media \0screen\,screen\9 {
  .heros-desc__detail-lethita-name {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slog-lethita.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-desc__detail-lethita-video {
  left: 1009px;
  top: 353px;
  width: 301px;
}
.heros-desc__detail-lethita-video a {
  display: block;
  height: 170px;
  background: url(../img/vod-lethita.png);
}
.heros-desc__detail-lethita-txt {
  width: 370px;
  left: 1103px;
  top: 544px;
  color: #fff;
}
.heros-desc__detail-lethita-txt p {
  margin: 0 0 15px;
  text-shadow: 0 0 10px #000;
}
.heros-list {
  height: 556px;
  margin: 0 0 20px;
  position: relative;
  top: 100px;
  opacity: 0;
}
@media \0screen\,screen\9 {
  .heros-list {
    filter: alpha(opacity=0);
  }
}
.heros-list-w {
  padding: 145px 0 0;
}
.heros-list__item {
  position: absolute;
  left: 50%;
}
.heros-list__item-kalok {
  width: 390px;
  margin: 0 0 0 -685px;
  bottom: 15px;
  z-index: 0;
}
.heros-list__item-kalok a {
  position: relative;
  height: 550px;
  display: block;
  background: url("../img/kalok.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-kalok a {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kalok.png', sizingMethod='crop');
  }
}
.heros-list__item-kalok a:hover {
  background: url("../img/kalok-ov.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-kalok a:hover {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kalok-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-kalok .heros-list__item--cur {
  background: url("../img/kalok-ov.png");
  top: 6px;
}
@media \0screen\,screen\9 {
  .heros-list__item-kalok .heros-list__item--cur {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kalok-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-hurk {
  width: 282px;
  margin: 0 0 0 -472px;
  bottom: 0;
  z-index: 1;
}
.heros-list__item-hurk a {
  position: relative;
  height: 614px;
  display: block;
  background: url("../img/hurk.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-hurk a {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hurk.png', sizingMethod='crop');
  }
}
.heros-list__item-hurk a:hover {
  background: url("../img/hurk-ov.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-hurk a:hover {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hurk-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-hurk .heros-list__item--cur {
  background: url("../img/hurk-ov.png");
  top: 6px;
}
@media \0screen\,screen\9 {
  .heros-list__item-hurk .heros-list__item--cur {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/hurk-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-evy {
  width: 280px;
  margin: 0 0 0 -390px;
  bottom: 12px;
  z-index: 1;
}
.heros-list__item-evy a {
  position: relative;
  height: 472px;
  display: block;
  background: url("../img/evy.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-evy a {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/evy.png', sizingMethod='crop');
  }
}
.heros-list__item-evy a:hover {
  background: url("../img/evy-ov.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-evy a:hover {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/evy-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-evy .heros-list__item--cur {
  background: url("../img/evy-ov.png");
  top: 6px;
}
@media \0screen\,screen\9 {
  .heros-list__item-evy .heros-list__item--cur {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/evy-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-lynn {
  width: 268px;
  margin: 0 0 0 -250px;
  bottom: 7px;
  z-index: 3;
}
.heros-list__item-lynn a {
  position: relative;
  height: 513px;
  display: block;
  background: url("../img/lynn.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-lynn a {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lynn.png', sizingMethod='crop');
  }
}
.heros-list__item-lynn a:hover {
  background: url("../img/lynn-ov.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-lynn a:hover {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lynn-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-lynn .heros-list__item--cur {
  background: url("../img/lynn-ov.png");
  top: 6px;
}
@media \0screen\,screen\9 {
  .heros-list__item-lynn .heros-list__item--cur {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lynn-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-vella {
  width: 237px;
  margin: 0 0 0 -117px;
  bottom: 3px;
  z-index: 4;
}
.heros-list__item-vella a {
  position: relative;
  height: 487px;
  display: block;
  background: url("../img/vella.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-vella a {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/vella.png', sizingMethod='crop');
  }
}
.heros-list__item-vella a:hover {
  background: url("../img/vella-ov.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-vella a:hover {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/vella-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-vella .heros-list__item--cur {
  background: url("../img/vella-ov.png");
  top: 6px;
}
@media \0screen\,screen\9 {
  .heros-list__item-vella .heros-list__item--cur {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/vella-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-arisha {
  width: 230px;
  margin: 0 0 0 0px;
  bottom: 3px;
  z-index: 3;
}
.heros-list__item-arisha a {
  position: relative;
  height: 517px;
  display: block;
  background: url("../img/arisha.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-arisha a {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/arisha.png', sizingMethod='crop');
  }
}
.heros-list__item-arisha a:hover {
  background: url("../img/arisha-ov.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-arisha a:hover {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/arisha-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-arisha .heros-list__item--cur {
  background: url("../img/arisha-ov.png");
  top: 6px;
}
@media \0screen\,screen\9 {
  .heros-list__item-arisha .heros-list__item--cur {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/arisha-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-fiona {
  width: 275px;
  margin: 0 0 0 105px;
  bottom: 10px;
  z-index: 2;
}
.heros-list__item-fiona a {
  position: relative;
  height: 466px;
  display: block;
  background: url("../img/fiona.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-fiona a {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fiona.png', sizingMethod='crop');
  }
}
.heros-list__item-fiona a:hover {
  background: url("../img/fiona-ov.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-fiona a:hover {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fiona-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-fiona .heros-list__item--cur {
  background: url("../img/fiona-ov.png");
  top: 6px;
}
@media \0screen\,screen\9 {
  .heros-list__item-fiona .heros-list__item--cur {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fiona-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-kay {
  width: 328px;
  margin: 0 0 0 180px;
  bottom: 7px;
  z-index: 1;
}
.heros-list__item-kay a {
  position: relative;
  height: 546px;
  display: block;
  background: url("../img/kay.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-kay a {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kay.png', sizingMethod='crop');
  }
}
.heros-list__item-kay a:hover {
  background: url("../img/kay-ov.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-kay a:hover {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kay-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-kay .heros-list__item--cur {
  background: url("../img/kay-ov.png");
  top: 6px;
}
@media \0screen\,screen\9 {
  .heros-list__item-kay .heros-list__item--cur {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kay-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-lethita {
  width: 352px;
  margin: 0 0 0 311px;
  bottom: 7px;
  z-index: 0;
}
.heros-list__item-lethita a {
  position: relative;
  height: 528px;
  display: block;
  background: url("../img/lethita.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-lethita a {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lethita.png', sizingMethod='crop');
  }
}
.heros-list__item-lethita a:hover {
  background: url("../img/lethita-ov.png");
}
@media \0screen\,screen\9 {
  .heros-list__item-lethita a:hover {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lethita-ov.png', sizingMethod='crop');
  }
}
.heros-list__item-lethita .heros-list__item--cur {
  background: url("../img/lethita-ov.png");
  top: 6px;
}
@media \0screen\,screen\9 {
  .heros-list__item-lethita .heros-list__item--cur {
    background: url(data:);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/lethita-ov.png', sizingMethod='crop');
  }
}
.heros-tab {
 height: 80px;
/*    width: 500px;*/
    margin: 0 auto 0;
    font-size: 0;
    text-align: center;
}
.heros-tab-i {
/*  margin: 0 0 0 -45px;*/
  position: relative;
  *zoom: 1;
}
.heros-tab-i--dis .heros-tab__item-dot {
  background: url(../img/dot-dis.png);
}
.heros-tab-i__mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.heros-tab-i__mask--show {
  visibility: visible;
}
.heros-tab-wrapper {
  background: url(../img/linet.png) 50% 15px no-repeat;
}
.heros-tab-contianer {
    top: 710px;
    z-index: 1;
    /* width: 100%; */
    /* width: 30%; */
    /* float: right; */
    /* clear: both; */
    background: url(../img/lineb.png) 100% 60px no-repeat;
	left: 57%;
    position: absolute;
    width: 460px;

}

/*
.heros-tab-contianer {
  position: absolute;
  top: 795px;
  left: 0;
  z-index: 1;
  width: 100%;
  background: url(../img/lineb.png) 50% 60px no-repeat;
}
*/
.heros-tab__item {
  width: 150px;
  cursor: pointer;
/*  margin: 0 0 0 45px;*/
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
   
}
.heros-tab__item-dot {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/dot.png);
}
.heros-tab__item--cur .heros-tab__item-dot,
.heros-tab__item--ov .heros-tab__item-dot {
  background: url(../img/dot-cur.png);
}
.heros-tab__item:hover .heros-tab__item-dot {
  background: url(../img/dot-cur.png);
}
.heros-tab__item-name {
  height: 45px; width: 150px;
}
.heros-tab__item-kalok {
  background: url(../img/name/kalok.png) center top no-repeat;
}
.heros-tab__item:hover .heros-tab__item-kalok,
.heros-tab__item--ov .heros-tab__item-kalok {
  background-position: 0 -45px;
}
.heros-tab__item--cur .heros-tab__item-kalok {
  background-position: 0 -45px;
}
.heros-tab__item-hurk {
  background: url("../img/name/hurk.png");
}
.heros-tab__item:hover .heros-tab__item-hurk,
.heros-tab__item--ov .heros-tab__item-hurk {
  background-position: 0 -45px;
}
.heros-tab__item--cur .heros-tab__item-hurk {
  background-position: 0 -45px;
}
.heros-tab__item-lynn {
  background: url("../img/name/lynn.png");
}
.heros-tab__item:hover .heros-tab__item-lynn,
.heros-tab__item--ov .heros-tab__item-lynn {
  background-position: 0 -30px;
}
.heros-tab__item--cur .heros-tab__item-lynn {
  background-position: 0 -60px;
}
.heros-tab__item-evy {
  background: url("../img/name/evy.png");
}
.heros-tab__item:hover .heros-tab__item-evy,
.heros-tab__item--ov .heros-tab__item-evy {
  background-position: 0 -45px;
}
.heros-tab__item--cur .heros-tab__item-evy {
  background-position: 0 -45px;
}
.heros-tab__item-vella {
  background: url("../img/name/vella.png");
}
.heros-tab__item:hover .heros-tab__item-vella,
.heros-tab__item--ov .heros-tab__item-vella {
  background-position: 0 -30px;
}
.heros-tab__item--cur .heros-tab__item-vella {
  background-position: 0 -60px;
}
.heros-tab__item-fiona {
  background: url("../img/name/fiona.png");
}
.heros-tab__item:hover .heros-tab__item-fiona,
.heros-tab__item--ov .heros-tab__item-fiona {
  background-position: 0 -30px;
}
.heros-tab__item--cur .heros-tab__item-fiona {
  background-position: 0 -60px;
}
.heros-tab__item-arisha {
  background: url("../img/name/arisha.png");
}
.heros-tab__item:hover .heros-tab__item-arisha,
.heros-tab__item--ov .heros-tab__item-arisha {
  background-position: 0 -30px;
}
.heros-tab__item--cur .heros-tab__item-arisha {
  background-position: 0 -60px;
}
.heros-tab__item-kay {
  background: url("../img/name/kay.png");
}
.heros-tab__item:hover .heros-tab__item-kay,
.heros-tab__item--ov .heros-tab__item-kay {
  background-position: 0 -30px;
}
.heros-tab__item--cur .heros-tab__item-kay {
  background-position: 0 -60px;
}
.heros-tab__item-lethita {
  background: url("../img/name/lethita.png");
}
.heros-tab__item:hover .heros-tab__item-lethita,
.heros-tab__item--ov .heros-tab__item-lethita {
  background-position: 0 -30px;
}
.heros-tab__item--cur .heros-tab__item-lethita {
  background-position: 0 -60px;
}
.heros-title {
  position: relative;
  width: 203px;
  height: 74px;
  background: url(../img/heros-title.png);
  margin: 0 auto;
  top: -20px;
  opacity: 0;
}
@media \0screen\,screen\9 {
  .heros-title {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/heros-title.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.heros-showft {
  width: 310px;
  position: absolute;
  left: 50%;
  top: 875px;
  margin: 0 0 0 -155px;
}
.heros-showft a {
  display: block;
  height: 25px;
  background: url(../img/copyright-s.png);
}
.heros-showft--hidden {
  visibility: hidden;
}
.pop-wrap,
.pop-inner,
.pop-content,
.pop-masklayer,
.pop-gctrl,
.pop-close,
.pop-prev,
.pop-next,
.pop-expand,
.pop-loader,
.pop-error {
  margin: 0;
  padding: 0;
}
.pop-wrap {
  -webkit-transform: translateZ(0);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000002;
  width: 100%;
  height: 100%;
  /*overflow:hidden;*/
  _position: absolute;
  display: none;
}
.pop-inner {
  position: relative;
  top: 50%;
  _top: 0;
  zoom: 1;
}
.pop-content {
  visibility: hidden;
  width: 100%;
  height: 100%;
}
/*
.pop-masklayer {
  -webkit-transform: translateZ(0);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000001;
  background: #000;
  width: 100%;
  height: 100%;
  _position: absolute;
  opacity: .8;
  display: none;
}
*/
@media \0screen\,screen\9 {
  .pop-masklayer {
    filter: alpha(opacity=80);
  }
}
.features {
  position: relative;
}
.features-bg {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  position: relative;
  width: 1920px;
  height: 100%;
}
.features-bg--cur {
  visibility: visible;
}
.features-bg-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.features-bg-w {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 0;
  width: 1920px;
  height: 100%;
  margin: 0 0 0 -960px;
}
.features-bg-l {
  font-size: 0;
  height: 100%;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.features-bg__item {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}
.features-bg__item-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
}
@media \0screen\,screen\9 {
  .features-bg__item-mask {
    filter: alpha(opacity=80);
  }
}
.features-bg__item-11 {
  background-image: url(../img/bg-features1-1.jpg);
}
/*
.features-bg__item-12 {
  background-image: url(../img/bg-features1-2.jpg);
  opacity: 0;
}
*/
@media \0screen\,screen\9 {
  .features-bg__item-12 {
    filter: alpha(opacity=0);
  }
}
.features-bg__item-21 {
  background-image: url(../img/bg-features2-1.jpg);
}
/*
.features-bg__item-22 {
  background-image: url(../img/bg-features2-2.jpg);
  opacity: 0;
}
*/
@media \0screen\,screen\9 {
  .features-bg__item-22 {
    filter: alpha(opacity=0);
  }
}
.features-bg__item-31 {
  background-image: url(../img/bg-features3-1.jpg);
}
/*
.features-bg__item-32 {
  background-image: url(../img/bg-features3-2.jpg);
  opacity: 0;
}
*/

@media \0screen\,screen\9 {
  .features-bg__item-41 {
    filter: alpha(opacity=0);
  }
}
.features-bg__item-41 {
  background-image: url(../img/bg-features4-1.jpg);
}
/*
.features-bg__item-32 {
  background-image: url(../img/bg-features3-2.jpg);
  opacity: 0;
}
*/


@media \0screen\,screen\9 {
  .features-bg__item-32 {
    filter: alpha(opacity=0);
  }
}
.features-bg__slogan-1 {
     position: absolute;
    left: 50%;
    top: 200px;
    margin: 350px 0 0 -350px;
    width: 500px;
    height: 300px;
    /* background: url(../img/features-slog1.png); */
    opacity: 0;
    z-index: 100;
    
}
@media \0screen\,screen\9 {
  .features-bg__slogan-1 {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/features-slog1.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.features-bg__slogan-2 {
  position: absolute;
    left: 50%;
    top: 200px;
    margin: 350px 0 0 -350px;
    width: 500px;
    height: 300px;
    /* background: url(../img/features-slog2.png); */
    opacity: 0;
    z-index: 100;
}
@media \0screen\,screen\9 {
  .features-bg__slogan-2 {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/features-slog2.png', sizingMethod='crop') alpha(opacity=0);
  }
}
.features-bg__slogan-3 {
    position: absolute;
    left: 50%;
    top: 200px;
    margin: 350px 0 0 -350px;
    width: 500px;
    height: 300px;
    /* background: url(../img/features-slog3.png); */
    opacity: 0;
    z-index: 100;
}
@media \0screen\,screen\9 {
  .features-bg__slogan-3 {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/features-slog3.png', sizingMethod='crop') alpha(opacity=0);
  }
}

.features-bg__slogan-4 {
   position: absolute;
    left: 50%;
    top: 200px;
    margin: 350px 0 0 -350px;
    width: 500px;
    height: 300px;
    /* background: url(../img/features-slog4.png); */
    opacity: 0;
    z-index: 100;
}
@media \0screen\,screen\9 {
  .features-bg__slogan-4 {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/features-slog3.png', sizingMethod='crop') alpha(opacity=0);
  }
}


.features-main {
  height: 950px;
  position: relative;
}
.features-content {
  width: 1200px;
  margin: 0 auto 0;
}
.features-tab {
  width: 933px;
  height: 125px;
  background: url(../img/features-menubg.png);
  margin: 0 auto 70px;
  *zoom: 1;
}
.features-tab:after {
  clear: both;
  content: "";
  display: table;
}
.features-tab__prev {
  width: 20px;
  margin: 52px 9px 0;
  float: left;
}
.features-tab__prev a {
  height: 20px;
  display: block;
  background: url(../img/arrow.png);
}
.features-tab__next {
  width: 20px;
  margin: 52px 0 0 5px;
  float: left;
}
.features-tab__next a {
  height: 20px;
  display: block;
  background: url(../img/arrow.png) 0 -20px;
}
.features-tab__main {
/*  width: 644px;*/
  float: left;
  margin: 16px 0 0;
}
.features-tab__item {
  float: left;
  width: 208px;
  margin: 0 9px 0 0;
}
.features-tab__item a {
  display: block;
  height: 92px;
}
.features-tab__item-m a {
  background: url("../img/features-simg1.jpg");
}
.features-tab__item-m a:hover {
  background: url("../img/features-simg1-ov.jpg");
}
.features-tab__item-m .features-tab__item--cur {
  background: url("../img/features-simg1-ov.jpg");
}
.features-tab__item-i a {
  background: url("../img/features-simg2.jpg");
}
.features-tab__item-i a:hover {
  background: url("../img/features-simg2-ov.jpg");
}
.features-tab__item-i .features-tab__item--cur {
  background: url("../img/features-simg2-ov.jpg");
}
.features-tab__item-c {
  margin: 0;
}
.features-tab__item-c a {
  background: url("../img/features-simg3.jpg");
}
.features-tab__item-c a:hover {
  background: url("../img/features-simg3-ov.jpg");
}
.features-tab__item-c .features-tab__item--cur {
  background: url("../img/features-simg3-ov.jpg");
}

.features-tab__item-p {
      margin: 0 0 0 9px;
}
.features-tab__item-p a {
  background: url("../img/features-simg4.jpg");
}
.features-tab__item-p a:hover {
  background: url("../img/features-simg4-ov.jpg");
}
.features-tab__item-p .features-tab__item--cur {
  background: url("../img/features-simg4-ov.jpg");
}



.features-showft {
  width: 310px;
  margin: 0 auto;
}
.features-showft a {
  display: block;
  height: 25px;
  background: url(../img/copyright-s.png);
}
.features-showft--hidden {
  visibility: hidden;
}
.community {
  position: relative;
}
.community-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg-community.jpg) 50% 0 no-repeat;
}
.community-main {
  height: 950px;
  position: relative;
}
.community-content {
  width: 1200px;
  margin: 0 auto 0;
}
.community-title {
    width: 90px;
    height: 10px;
    /* background: url(../img/topic-community.png); */
    margin: 200px 0px 0px 1070px;
    /* float: right; */
    /* clear: both; */
    /* display: table-row-group; */
    right: 0;
}
.community-list {
  width: 1108px;
  margin: 20px 0 118px 250px;
  font-size: 0;
  opacity: 0;
  position: relative;
  top: 50px;
}
@media \0screen\,screen\9 {
  .community-list {
    filter: alpha(opacity=0);
    *zoom: 1;
  }
}
.community-list__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 215px;
  margin: 0 6px;
}
.community-list__item a {
  display: block;
  height: 351px;
}
.community-list__item-fb {
  background: url(../img/link1.png);
}
.community-list__item-fb:hover {
  background: url(../img/link1-ov.png);
}
.community-list__item-gtalk {
  background: url(../img/link2.png);
}
.community-list__item-gtalk:hover {
  background: url(../img/link2-ov.png);
}
.community-list__item-baha {
  background: url(../img/link3.png);
}
.community-list__item-baha:hover {
  background: url(../img/link3-ov.png);
}
.community-list__item-yt {
  background: url(../img/link4.png);
}
.community-list__item-yt:hover {
  background: url(../img/link4-ov.png);
}
.community-showft {
  width: 310px;
  margin: 0 auto;
}
.community-showft a {
  display: block;
  height: 25px;
  background: url(../img/copyright-s.png);
}
.community-showft--hidden {
  visibility: hidden;
}
.body-heros .pop-close {
  width: 36px;
  height: 35px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
  background-image: url(../img/close.png);
  background-repeat: no-repeat;
  right: -43px;
  top: 0;
}
.body-heros .pop-masklayer {
  opacity: 0.8;
}
@media \0screen\,screen\9 {
  .body-heros .pop-masklayer {
    filter: alpha(opacity=80);
  }
}
.inner-body{
  background: transparent;
}
.inner-wrapper{
  overflow: hidden;
}




/*影片*/
.ytplayer {pointer-events: none;position: absolute; left: 50%; margin-left: -960px}
.vod_area{
	position: absolute;
	/* [disabled]padding-bottom: 100%; */
	width: 1920px; /* padding-bottom: 43.9%;*/
	padding-top: 0px;
	height: 900px;
	overflow: hidden;
}
.vod_area .mask{z-index:9;position:relative;top:0;left:0;width:1920px;min-height:900px;
    
/*background:url(../images/bg_vodArea.png) repeat 0 0; */
    
display:none; height: :900px;}
.vod_area iframe{ position: absolute; top: 0; left: 0; width: 1920px; height:900px;}




/*影片2*/
#muteYouTubeVideoPlayer
 {
    width: 100%;
    height: 100%;
}


.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}