@charset "utf-8";
/* CSS Document */
/*------mediaNews type---------*/
.mediaNews li em {
	color: #333;
	font-size: 13px;
	background: #999;
	padding: 0px 4px;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.mediaNews li em.news {
	background: #3F51B5;
}
.mediaNews li em.press {
	background: #E9332F;
}
/*-----------------------for PC-----------------------*/
@media screen and (min-width:801px) {
   /*----------------- 內頁mediaNews lsit---------------*/
   .mediaNews li {
    border-bottom: 1px solid #ddd;
    display: block;
    position: relative;
    padding: 10px 0;
    width: auto;
  }
  .mediaNews li:first-child {
    padding-top: 0;
  }
  .mediaNews li div.mediaNewsleft {
    width: 160px;
    float: left;
    position: relative;
  }
  .mediaNews li div.mediaNewsright {
    width: auto;
    margin-left: 180px;
  }
  .mediaNews li div.mediaNewsright h4 em {
    font-weight: bold;
  }
  .mediaNews li div.mediaNEwsright h4 span {
    font-size: 15px;
  }
}
/*------------------for mobile------------------------*/
@media screen and (max-width:800px) {
   /*----------------- mediaNews list ---------------*/
   .mediaNews li {
    border-bottom: 1px solid #ddd;
    display: block;
    width: auto;
    padding: 10px 0;
  }
  .mediaNews li:first-child {
    padding-top: 0;
  }
  .mediaNews li div.mediaNewsleft {
    width: 22%;
    float: left;
    position: relative;
  }
  .mediaNews li div.mediaNewsright {
    width: auto;
    margin-left: 25%;
  }
}