.img {
  width: 100%;
  vertical-align: top;
}


/* kv */
.section-kv-playground {
  background-color: #04085f;
  padding: 0;
}

@media (max-width: 991px) {
  .section-kv-playground {}

  .section-kv-playground .kv-content {
    padding: 10% 2%;
  }
}


/* intro */
.section-playground.intro {
  background-color: #04085f;
  color: #fff;
}


/* 導覽 */
.section-playground.list {
  background: #04085f;
  color: #fff;
  padding-top: 0;
}

.section-playground.list .playground-title {
  line-height: 1.1;
}

.section-playground.list .playground-title .top {
  display: block;
  font-size: 2rem;
}

.section-playground.list .playground-title .bigger {
  font-size: 4rem;
  display: inline-block;
}

.section-playground.list .playground-item-cover {
  padding: 10px;
  position: relative;
  border-radius: 10px;
}

.section-playground.list .playground-item {
  border-radius: 0 0 8px 8px;
  position: relative;
}

.section-playground.list .playground-img {
  text-align: center;
}

.section-playground.list .playground-img img {
  width: 100%;
}

.section-playground.list .playground-txt {
  width: 100%;
  padding: 5px 0;
  min-height: 80px;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-playground.list .playground-txt .item-title {
  padding: 10px;
  margin: 0;
  text-align: center;
  line-height: 1.3;
}

.section-playground.list .playground-txt .item-title small {
  margin-top: -10px;
}

.section-playground.list .playground-item-cover a {
  text-align: center;
  display: block;
  background-color: #fff;
  color: #0131a0;
}

.section-playground.list .playground-item-cover a:hover {}



/* 共用 .section-playground-item 內 start */
.section-playground-item {
  padding: 4% 0 3%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.play-imgbox {
  padding: 20px;
  text-align: center;
}

.play-txtbox {
  padding: 20px;
  border-radius: 20px;
}

.play-title {
  margin: 0 0 20px;
  line-height: 1.5;
}

.play-tag {
  display: inline-block;
  margin-left: 5px;
  background-color: transparent;
  border: 1px solid;
  padding: 5px 10px 4px;
  border-radius: 3px;
  font-size: 1rem;
  vertical-align: text-bottom;
}

.text-note {
  padding: 20px 15px;
  vertical-align: top;
}

.text-note span {
  margin-right: 8px;
}

.text-note img {
  max-width: 150px;
  width: 100%;
}

.badge-box {}

.badge-box img {
  width: 120px;
  margin: 8px;
}

/* 共用 .section-playground-item 內 end */




/* cyber IQ */
.section-playground-item.cyberIQ {
  background-color: #0131a0;
  background-image: url('../img/playground/bg-01.jpg');
  color: #fff;
}

.cyberIQ-imgbox {
  padding-top: 100px;
}

.cyberIQ-txtbox {
  background-color: #525a67;
  box-shadow: 0 0 10px #fee295;
}

.cyberIQ-txt .cyberIQ-title {}

.cyberIQ-txt .play-tag {}

.cyberIQ-txt .text-note span {}

.cyberIQ-txt .text-note .logo {}



/* cybercans */
.section-playground-item.cybercans {
  background-color: #0131a0;
  background-image: url('../img/playground/bg-02.jpg');
  color: #fff;
}

.cybercans-imgbox {
  margin: 0;
}

.cybercans-imgbox img {
  width: 360px;
}

.cybercans-txtbox {
  padding-top: 100px;
  background-color: #4a3753;
  box-shadow: 0 0 10px #251a22;
}

.cybercans-txtbox .cybercans-title {}

.cybercans-txtbox .play-tag {}

.cybercans-txtbox .text-note span {}

.cybercans-txtbox .text-note .logo {
  max-width: 200px;
}



/* ais */
.section-playground-item.ais {
  background-color: #fff;
  background-image: url('../img/playground/bg-03.jpg');
}

.ais-imgbox {}

.ais-imgbox .img {}

.ais-txtbox {}

.ais-txtbox .ais-title {}

.ais-txtbox .play-tag {}

.ais-txtbox .text-note span {}

.ais-txtbox .text-note .logo {
  max-width: 60px;
}


/* NutCoin */
.section-playground-item.nutCoin {
  background-color: #0C113E;
  background-image: url('../img/playground/bg-04.jpg');
  color: #fff;
}

.nutCoin-imgbox {}

.nutCoin-imgbox .img {
  max-width: 600px;
  width: 100%;
}

.nutCoin-txtbox {
  background: #7a5910 linear-gradient(135deg, #7a5910 0%, #473416 100%);
  box-shadow: 0 0 15px #2b1900;
  color: #ffffff;
}

.nutCoin-txtbox .nutCoin-title {}

.nutCoin-txtbox .play-tag {}

.nutCoin-txtbox .desc {}

.nutCoin-txtbox .text-note span {}

.nutCoin-txtbox .text-note .logo {}


/* phishing */
.section-playground-item.phishing {
  background-color: #0C113E;
  background-image: url('../img/playground/bg-05.jpg');
  background-position: top;
  padding: 10% 0 3%;
}

.phishing-imgbox {
  padding-top: 100px;
}

.phishing-imgbox .img {}

.phishing-txtbox {
  background-color: #fff;
  box-shadow: 0 0 10px #555;
}

.phishing-txtbox .phishing-title {}

.phishing-txtbox .play-tag {}

.phishing-txtbox .desc {}



/* fastRigged */
.section-playground-item.fastRigged {
  background-color: #0C113E;
  background-image: url('../img/playground/bg-06.jpg');
  background-position: top center;
  padding: 3% 0 4%;
}

.fastRigged-imgbox {
  /* margin-left: -150px; */
  padding-left: 0;
  padding-top: 50px;
  color: #fff;
}

.fastRigged-imgbox .img {}

.fastRigged-imgbox .title-img {
  margin-left: -20%;
}

.fastRigged-txtbox {
  background-color: #001d5fa1;
  box-shadow: 0 0 10px #555;
  color: #fff;
}

.fastRigged-txtbox .fastRigged-title {}

.fastRigged-txtbox .play-tag {}

.fastRigged-txtbox .desc {}

@media (max-width: 1200px) {
  .fastRigged-imgbox .title-img {
    margin-left: 0%;
  }
}





/* logo wall */
.logo-wall .logo-img {
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
}

.logo-wall .logo-img-sm>img {
  max-width: 180px;
}