.pageset{
 /* margin:60px 0 0 0;*/

/*-moz-transition: width .5s ease-in-out, left .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out, left .5s ease-in-out;
    -moz-transition: width .5s ease-in-out, left .5s ease-in-out;
    -o-transition: width .5s ease-in-out, left .5s ease-in-out;
    transition: width .5s ease-in-out, left .5s ease-in-out;
*/
}
.pagearea{
  padding: 90px 0%;
}

.pagepadset{
  padding: 5% 5%;
}

.pagetopic{/*主標題*/
  margin: 0 0 5% 0;
}

.maintopic{/*次要標題*/
  border-radius: 5px;
  border:4px solid #fff;
  color: #fff;
}
.dark-maintopic{
  border-radius: 5px;
  border:4px solid #171c23;
  color: #171c23;
}

.dark-maintopic,.maintopic{
  padding: 5px 13px;
  clear: both;
  text-align: left;
  margin: 15px 0;
  font-weight: bold;
  border-width:4px;
}
.infocon{
  clear: both;
}

.infocon p{
  float: left;
  margin:10px 0;
  letter-spacing: 1px;
  text-align: left;
  text-shadow:0px 0px 1px #dfdfdf;
  line-height:28px;
}

.dark-shadow p{
  text-shadow: 0px 0px 1px #999;
}

/**/
.com-area1{
  background: url(../image/unified/u1.jpg)  50% -7px;
  padding: 90px 0 10% 0;
  background-size: cover;
  background-attachment: fixed;
}
.com-area3{
  background: url(../image/unified/u2.jpg) 0 0 no-repeat;
  /*background-attachment: fixed;*/
  background-size: cover;
}
.com-area5{
  background: #eeefef;
}
/*雲端通訊*/
.cloudsev .com-area1{
  background: url(../image/service/cloud/serv1.jpg)   50% -7px;
  padding: 80px 0 10% 0;
 /* background-size: cover;
  background-attachment: fixed;*/
}
.cloudsev *{
-moz-transition: width .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    }
/*系統整合*/
.system .com-area1{
  background: url(../image/service/system/sb1.jpg)  0 0;
  padding: 90px 0 10% 0;
 background-size: cover;
  background-attachment: fixed;
}
/*視聽通訊*/
.audio .com-area3,.audio .com-area5{
  background: none;
 
}
.audio .com-area1{
  background: url(../image/service/audio/01.jpg)   50% -7px;
  padding: 90px 0 10% 0;
  background-size: cover;
  background-attachment: fixed;
}
.audio .com-area3-left{
  background: url(../image/service/audio/03.jpg)  0 0;
}
.audio .com-area3-right{
  background: url(../image/service/audio/02.jpg)  0 0;
}
.audio .com-area5-left{
  background: url(../image/service/audio/05.jpg)  0 0;
}
.audio .com-area5-right{
  background: url(../image/service/audio/a4.jpg)  0 0;
}
.audio .com-area3-left,.audio .com-area3-right,.audio .com-area5-left,.audio .com-area5-right{
    min-height: unset;
  }

/*關於我們內頁*/
.about{
  background: url(../image/bg/about.jpg)  0 0 no-repeat;
  background-size:cover;
      background-attachment: fixed;
}
.aboutus{
  margin: 7% 0;
}
.history{
  background: url(../image/bg/aboutbgg2.jpg)  0 top no-repeat;
  background-size:cover;
  background-attachment: fixed;
}


/*最新消息-列表*/
.newspage{
  background:#fcfcfc; 
}
.newsitem{
/*box-shadow: 1px 1px 3px #ccc; */
background:#fff; 
margin: 15px 0;
padding: 0 0px;
}
.time{
  font-size: 20px;
  color: #666;
  margin: 10px 0;
  font-style: italic;
}
.newsinfo{
  padding: 0% 5%;
}
.newstopic{
  /*text-align: justify;*/
}
.news-link{
  border-radius: 50px;
  border:2px solid #171c23;
  float: left;
  padding: 11px 23px;
  color: #171c23;
}
.news-link:hover{
  background:#171c23;
  color: #FFF;
}
.news-short{
  margin: 0 0 15px 0;
  line-height: 1.77em;
  letter-spacing: 2px;
  text-align: justify;
  font-size: 16px;
  max-height: 56px;
  overflow: hidden;
}

.newsinfo .lines{
  margin: 15px 0;
}

.h3topic{
    font-size: 1.6em;
    line-height: 1.55em;
    letter-spacing: 2px;
    color: #727171;
}
.newsposcontent{
  margin: 3% 0;
}
.newsposcontent p{
  /*margin: 1.2% 0;*/
  line-height: 2em;
  color: #595757;
  /*text-align:justify;*/
  float: left;
  width:100%;	
}
.eewspics{
  max-height: 345px;
  overflow: hidden;
  min-height: 270px;
}
.recentpost{
  position: sticky;
  top:100px;
}
.recentpost ul ,.recentpost ul li,.recentpost ul li a{
  float: left;
  width: 100%;
}
.recentpost ul li a{
  color: #aaa;
  padding: 2% 10px;
  line-height: 26px;
}
.recentpost ul li a:hover{
  background:#171c23;
  color: #fff;
}
/*.recentpost ul li:nth-child(even) a{
  background:#f1f1f1; 
}*/


/*產品資訊內容頁*/
.productpic{
  border-radius: 3px;
  border:5px solid #ccc;
  padding: 3% 3%;
  margin: 0 0 5% 0;
}
.caseside {
  border:1px solid #ccc;
  margin: 15px 0 0 0;
}
.caseside li a{
  padding:15px 10px; 
  color: #aaa;
}
.caseside li:nth-child(even) a{
  background: #e5e5e5; 
}
.caseside li a:hover{
  color: #fff;
}
.caseside li a:hover{
  background: #171c23;
}

@media only screen and (min-width: 600px) {

 .newsitem{

margin: 50px 0;
padding: 0 15px;
}


}

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

}

@media screen and (min-width: 1000px){

 .pagearea{
    padding: 80px 0;
  }
/*雲端通訊*/
.cloudsev .com-area1{
  padding: 80px 0 10% 0;
}
  .pagepadset{
  padding: 0 0;
}

  .audio .com-area3-left,.audio .com-area3-right,.audio .com-area5-left,.audio .com-area5-right{
    min-height: 560px;
    margin: -2px 0 0 0;
  }

  /*雲端通訊*/
    .cloudsev .maxelement{
      max-height: 530px;
    }

    .productpic{
       margin: 0 0 0% 0;
    }


    .eewspics {
    max-height: 345px;
    overflow: hidden;
    min-height: 300px;
}

}

@media (min-width: 1300px) {

 
}

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

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