@charset "utf-8";

/*地政映象*/
.Bannerlist{width: 100%;height: auto;margin:0 auto;overflow:hidden;}
.Bannerlist .boxli{width:48%; height: auto; float:left;margin:1%;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.Bannerlist .boxli .box{width:100%; height:80px; overflow:hidden;  }
.Bannerlist .boxli .box .boxsize{width:100%; height:auto;}
.Bannerlist .boxli { padding:2%;}
.Bannerlist .boxli p.title02{ color:#363; font-weight:bold;font-size:100%;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px}
.Bannerlist .boxli .bannertime{ width:100%;margin:0 auto;font-size:90%; color:#656565; line-height:100%; }
.Bannerlist .boxli .bannertime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}
.Bannerlist .boxli .box a{display:block; width:100%; height:auto;}

/* == 手機版型區 =============================== */
@media screen and (max-width: 767px){

/*地政映象*/
.Bannerlist{width: 100%;height: auto;margin:0 auto;overflow:hidden;}
.Bannerlist .boxli{width:100%; height: auto; float:left;margin:10px 0;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.Bannerlist .boxli .box{width:100%; height:auto; overflow:hidden;  }
.Bannerlist .boxli .box .boxsize{width:100%; height:auto;}
.Bannerlist .boxli { padding:2%;}
.Bannerlist .boxli p.title02{ color:#363; font-weight:bold;font-size:100%;}
.Bannerlist .boxli .bannertime{ width:100%;margin:0 auto;font-size:90%; color:#656565; line-height:100%; }
.Bannerlist .boxli .bannertime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}
}
/* == 平板版型區 =============================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
/*地政映象*/
.Bannerlist{width: 100%;height: auto;margin:0 auto;overflow:hidden;}
.Bannerlist .boxli{width:48%; height: auto; float:left;margin:1%;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.Bannerlist .boxli .box{width:100%; height:auto; overflow:hidden;  }
.Bannerlist .boxli .box .boxsize{width:100%; height:auto;}
.Bannerlist .boxli { padding:2%;}
.Bannerlist .boxli p.title02{ color:#363; font-weight:bold;font-size:100%;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px}
.Bannerlist .boxli .bannertime{ width:100%;margin:0 auto;font-size:90%; color:#656565; line-height:100%; }
.Bannerlist .boxli .bannertime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}
.Bannerlist .boxli .box a{display:block; width:100%; height:auto;}	
}
@media screen and (min-width: 1025px) and (max-width: 1119px) {}

/* ==  Landscape 這是手機拿橫的時候 =============================== */
@media screen and (max-width: 766px) and (orientation:landscape){}
/* ==  Landscape 這是平板拿橫的時候 =============================== */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){}}