.my-au {padding:0;font-family: 'Poppins', sans-serif;padding-top:7%;overflow:hidden;}

.green-onion-wrapper {padding:0;}
.my-row1, .my-hori2 {padding:0;margin:0;}
.pure-row, .pure-col {padding:0;margin:0;}

.intro-element {padding:0 3%;}
.same-size-border {border-bottom:2px solid  #b7b7b7;margin-top:15%;}
.same-size-title {letter-spacing:0px;line-height:0.5;
  color:#222222;font-size:2.3rem;padding-top:9%;padding-bottom:10%;font-weight:bold;}
.same-size-content {font-size:1rem;line-height:1.5;color:#666666;letter-spacing:0;z-index:10;}
.top-content .highlight-text, .cen-content .highlight-text {color:#428b36;}
.trusted-content .highlight-text {color:#f37878;}
.same-font-h5 {margin:0;font-size:1.0rem;padding-bottom:1%;font-weight:300;}
.same-font-h3 {margin:0;font-size:2.3rem;padding-bottom:1%;letter-spacing:-0.5px;font-weight:bold;}

.green-onion-wrapper {position:relative;}
.green-onion {position:absolute;left:0;width:120%;height:100%;background-repeat:no-repeat!important;z-index:-1;
  background:url(/imgs/aboutus/green-onion.png);background-position:50% 100%;background-size:cover;}

.my-ver8 {display:flex;flex-flow:column wrap;justify-content:space-between;}
.rainfield-intro {padding-left:3%;padding-right:3%;}
.rainfield-title {letter-spacing:-0.5px;color:#f37878;font-size:4rem;margin-bottom:0;padding-bottom:2%;}
.rainfield-content {color:#666666;}

.my-hori2 {margin-bottom:6%;}
.ex-cen-wrapper {padding:0;padding-left:30px;padding-bottom:4%;}

.green-chard-wrapper {position:relative;padding:0;z-index:-1;}
.green-chard {position:absolute;right:0;bottom:0;
  width:120%;height:120%;background-repeat:no-repeat!important;
  background-size:contain!important;overflow:visible;z-index:-1;
  background:url(/imgs/aboutus/green-chard.png);background-position:100% 50%;}

.video-wrapper {position: relative;padding-bottom: 56.25%;height:0;overflow: hidden;}
.video-wrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit:cover;}
.video-absolute {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;
  align-items:center;}
.play-btn-area {text-align:center;padding-top:6%;
  margin:0;color:#fff;font-weight:600;letter-spacing:-1.5px;}
.play-title {margin:0;padding-bottom:2%;font-size:3.7rem;}
.play-btn {display:inline-block;cursor:pointer;width:100px;font-size:5rem;}
.thumbnail-wrapper {position:absolute;width:100%;top:0;left:0;}
.thumbnail-wrapper img {width:100%;}

.carolos-section {position:relative;margin-top:2%;cursor:pointer;}
.inner-carolos {position:relative;height:0;padding-bottom:13%;}
.inner-carolos .carolos-item {position:absolute;width:20%;padding:0 0.3%;z-index:50;}
.carolos-section .carolos-item img {width:100%;}
.absolute-btn {position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-flow:row wrap;
  justify-content:space-between;padding:0 0.3%;}
.left, .right {height:100%;width:4%;background:#fff;opacity:0.5;text-align:center;
  display:flex;align-items:center;justify-content:center;z-index:100;}

.factory-section {margin:5%;}
.mobile-factory {display:none;}
.factory-msg {display:flex;align-items:center;}
.factory-msg .factory-absolute {width:100%;}
.factory-msg-inner {width:100%;text-align:center;}
.fire-pic-zone {display:inline-block;margin-bottom:4%;}
.house-fan-pic {display:inline-block;width:85px;}
.house-pic-zone {margin-bottom:5%;}
.fan-pic-zone {margin-bottom:3%;}
.fire-pic-zone img, .house-pic-zone img, .fan-pic-zone img {width:100%;}

.factory-pic {position:relative;}
.factory-wrapper img {width:100%;}
.house-msg-zone {margin-bottom:3%;}

.primus-section {background-color:#f1f7fc;text-align:center;padding:0 20%;}
.primus-inner {display:flex;flex-flow:column wrap;align-items:center;
  width:100%;padding-top:7%;padding-bottom:12%;}
.primus-gfs-wrapper {margin:3% 0;width:400px;}
.primus-gfs-wrapper img {width:100%;}
.primus-content {color:#666666;margin:2%;font-size:14px;font-weight:300;}

.modal {display: none; position: fixed; z-index: 150; left: 0;top: 0;width: 100%; height: 100%;
  overflow: auto; background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4); align-items:center;}
.modal-content {position:relative;background-color: #fefefe;margin:auto auto;width: 70%;}
.modal-content img {width: 100%;}
.close {color: #000;position: absolute;top: 5px;right: 5px;font-size: 28px;font-weight: bold;
opacity: 1;z-index:200;}
.close:hover,.close:focus {color: black;text-decoration: none;cursor: pointer;}
#modal-left, #modal-right {height:100%;width:13%;text-align:center;font-size:2rem;color:#fff;
  display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;}

@media all and (min-width:1681px){ .green-onion-wrapper .green-onion {width:95%;} }
@media all and (max-width:1440px){
  .rainfield-title {font-size:3.8rem;}
  .same-size-title {font-size:2.1rem;}
  .same-size-content {font-size:0.9rem;}
  .same-font-h5 {font-size:0.8rem;}
  .same-font-h3 {font-size:1.4rem;}
  .primus-content {font-size:13px;}
  .play-title {font-size:3.2rem;}

  .house-fan-pic {width:35px;}
  .fire-pic-zone {width:45px;}

  .primus-gfs-wrapper {width:300px;}
}

@media all and (max-width:1200px){
  .green-onion, .green-chard {display:none;}
  .my-hori2 .ex-cen-wrapper {padding-left:15px;padding-right:15px;}
}

@media all and (max-width:767px){
  .rainfield-title {font-size:3.0rem;}
  .same-size-title {font-size:1.6rem;}
  .same-size-content {font-size:0.8rem;}
  .same-font-h5 {font-size:1.0rem;}
  .same-font-h3 {font-size:1.5rem;}
  .play-title {font-size:2.0rem;}
  .play-btn {font-size:4rem;}
  #modal-right, #modal-left {font-size:2rem;}

  .pc-factory {display:none;}
  .mobile-factory {display:block;}
  .factory-msg {position:relative;height:0;padding-bottom:100%;display:flex;align-items:center;}
  .factory-absolute {position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;}

  .primus-section {padding:0;}
  .primus-inner {padding-top:9%;padding-bottom:16%;}
  .factory-msg-inner .house-fan-pic {width:65px;}
  .factory-msg-inner .fire-pic-zone {width:78px;}
  .primus-gfs-wrapper {width:300px;margin:0 auto;}
}

@media all and (max-width:575px){
  .rainfield-title {font-size:3.8rem;}
  .same-size-title {font-size:2.3rem;}
  .same-size-content {font-size:1.0rem;}
  .primus-content {font-size:12px;}
}

@media all and (max-width:425px){
  .rainfield-title {font-size:3.0rem;}
  .same-size-title {font-size:1.6rem;}
  .same-size-content {font-size:0.8rem;}
  .same-font-h5 {font-size:0.9rem;}
  .same-font-h3 {font-size:1.3rem;}
  .play-title {font-size:1.5rem;}
  .play-btn {font-size:2.5rem;}
  .left, .right {font-size:0.6rem;}

  .factory-msg-inner .house-fan-pic {width:50px;}
  .factory-msg-inner .fire-pic-zone {width:60px;}
  .primus-content {font-size:10px;}
}