.min-height{
  /*min-height:100vh;*/
  height: 100%;
  /*background: url("../image/bg/indexbg/padbg.jpg")*/
}

.area{
  padding: 5% 0;
}

.areatitle{
  padding: 4.5% 0;
  background: #78bfb2;
  color: #fff;
  font-weight: bold;
  font-size:1.25em;
}



.greentech{

}
.techs{
  background: url(../image/tech.jpg) center center no-repeat;
}
.greentechset{
  padding: 0 10px;
}
.greentechborder{
  border: 8px solid #b2d485;
  border-radius: 15px;
  box-shadow: 0px 0px 5px #000;
  background: #fff;
}
.greentecharea{
  padding: 0 20px;
  
   border-radius: 15px;
   overflow: hidden;
    min-height: 350px;
}

.greentecharea .h4{
  padding: 10px 0;
  color: #62a598;
  font-weight: bold;
}

.box{
  /*min-height: 280px;*/
}

.allsystem{
  background: url(../image/sysbg.jpg) right 0 no-repeat;
}

.system{
  padding: 0px 8px;
}




/*ABOUT*/
.iframe{
  min-height: 600px;
}
.areademo{
  background: url(../image/bg.jpg) 0 0 no-repeat;
  /*background-size: cover;*/
}
.areaset{
  padding: 2% 2%;
  margin:2.5% 0;
  line-height: 35px;
}

.areaset .h3,.areaset .h4{
  margin: 0 0 2% 0;
  color: #f7bb6e;
  font-weight: bold;
  font-size: 2em;
}

.areaset p{
  line-height: 30px;
  font-size: 1.15em;
}

.areaset ul,.areaset ul li{
  float: left;
  width: 100%;
  list-style: disc;
}

.areaset ul{
  padding: 0 0 0 20px;
  margin: 0 0 5% 0;
}


.arearow{
  margin:10% 0 0% 0;
}

.unites{
  padding: 0 10px;
}

/**/
.titles{
  margin: 5% 0 15px 0;
  color: #4caa99;
  font-weight: bold;
  letter-spacing: 0px;
}
.hand{
  background:#fff;
}
.hand:before{
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  float: left;
  height: 100%;
  background:url(../image/stock-photo-green-world-in-the-heart-hand-grass-background-134992037.jpg) center center no-repeat;

}

.hand2{
  background:#fff;
}
.hand2:before{
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  float: left;
  height: 100%;
  background:url(../image/stock-photo-solar-panel-photovoltaic-alternative-electricity-source-concept-of-sustainable-resources-603025976.jpg) center center no-repeat;

}

.hold{
  background:url(../image/hold.jpg) center center no-repeat;
}

.hold p{
  float: left;
  width: 100%;
  margin:2.5% 0;
}

.sysinfo{
  /*background:#fff;*/
  padding: 4.5% 6.5%;
  /*box-shadow: 0px 0px 10px #000;*/
}

.sys1{
  margin: 0% 0 0 0%;
 /*z-index: -1;*/
}

.sys2{
  /*margin: -5% 0 0 20%;*/
  /*left: 20%;
  top: -20%;
  z-index: -1;
  position: absolute;*/
}


.sysarea{
  padding: 0 0 0% 0;
  background:#fff;
  width: 80%;
  margin: 0 auto;
}

.sysarea:nth-child(even){
  padding: 0 0 0% 0;
}

.allsyspage{
  background:url(../image/syspagebg.jpg) repeat;
}


/*系統介紹頁面*/
.syscon{
  padding: 4% 4%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #666;
  margin: -5% 0 6% 0;
}

.systile{
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
  padding: 0 0 1.5% 0;
  margin: 0 0 1.5% 0;
  border-bottom:2px solid #000;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  

 
}

@media (min-width: 768px) {

 

  


  
}
@media (min-width: 900px) {


}

@media screen and (min-width: 1000px){
 
  .sys1{
  margin: 0% 0 0 0%;
  
}

.sys2{
  /*margin: -5% 0 0 20%;
  left: 20%;
  top: -20%;
  
  position: absolute;*/
}
.sysarea{
  padding: 0 0 0% 0;
}

.sysarea:nth-child(even){
  padding: 0 0 0% 0;
}
}

@media (min-width: 1300px) {

  
}

@media (min-width: 1400px) {

  

 
}


@media (min-width: 1500px) {
  
 
}