/*部落格列表*/

p span{
/*line-height:1em;*/
word-break: normal;
}
.bloglist{
  padding: 0 0 5% 0;
}

.blogshortarea{
  padding:0% 0% ;
  margin: 2% 0;
}
.blogtopic{
  font-weight: bold;
  margin: 1% 0 0 0;
  color:#5eb8ce;
}
.blogtopic h5{
  font-size: 20px;
  line-height:34px;
}
.blogdate{
  font-size: 16px;
  color: #aaa;
}
.shortdescri{
  line-height: 30px;
  margin: 3% 0 3% 0;
  font-size: 16px;
  text-align:justify;
}

.singleone{
  margin: 2% 0;
}
.readmore{
  border:1px solid #000;
  color:#000;
  padding: 2% 3%;
  border-radius:5px;
  float: left;
}
.readmore:hover{
  border:1px solid #5eb8ce;
  color:#fff;
  background: #5eb8ce;
}
.mews{
	padding:5% 0;
	text-align:center;
}
/*部落格分類
.cates{
  border:2px solid #5eb8ce;
  border-radius: 3px;
}
.cates li a{
  margin: 8% 0;
  float: left;
  width:100%;
  padding: 0 8%;
  font-size: 16px;
  color: #5eb8ce;
}
.cates li a:hover{
  background:#5eb8ce;
  color: #fff;
}
.catestopic{
  background: #5eb8ce; 
  color: #fff;
  padding: 0 1%;
  text-align: justify;
  font-size: 16px;
}
.catestopic h5{
  text-align: center;
  letter-spacing: 20px;
  font-size: 16px;
}
*/
.pagetopic{
      background:#5eb8ce;
      -moz-background-size: cover;
      background-size: cover;
    }
@media only screen and (min-width: 600px) {
  .blogpic,.blogshortarea{
    /*width: 50%;*/
    box-sizing:border-box;
  }

  .bloglist{
    width:70%;
  }
  .advertise{
    width: 30%;
  }
 
}

@media (min-width: 768px) {
  

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



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

  /* .blogpic{
    width: 41.66%;
  }*/
  .bloglist{
    width:83.33%;
  }
  .advertise{
    width:16.66%;
  }

  .pagetopic{
      /*background:url(../image/bg/bloglist.jpg) no-repeat center;*/
      /*-moz-background-size: cover;
      background-size: cover;*/
    }
	.blogtopic h5{
  font-size: 25px;
  line-height:34px;
}

.blogshortarea{
  padding:0% 3% ;
  margin: 2% 0;
}

.mews{
	padding:3% 0;
}

}

@media (min-width: 1200px) {

.pagetopic{
      /*background:url(../image/bg/bloglist1440.jpg) no-repeat right;*/
      /*-moz-background-size: cover;
      background-size: cover;*/
    }

}

@media (min-width: 1442px) {

 
   .pagetopic{
      /*background:url(../image/bg/bloglist.jpg) no-repeat right;*/
      /*-moz-background-size: cover;
      background-size: cover;*/
    }
}