/* font */
@font-face {
	font-family: 'EmpireExtra';
	src:url('../fonts/font-global/PSL-EmpireExtraBold.ttf');
	
	font-weight: bold;
	font-style: bold;
}

@font-face {
	font-family: 'Kanda';
	src:url('../fonts/font-global/PSL-Kanda.ttf');
	
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KandaBold';
	src:url('../fonts/font-global/PSL-KandaBold.ttf');
	
	font-weight: 600;
	font-style: bold;
}

.newslist{
    margin-top: 0;
    display: inline-block;
    width: 100%;
    padding: 15px 0 15px 0 ;
    
}

.newslist ul li {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin:  0px;
  border-bottom: 1px solid #d5d5d7;
  height: 150px;
}
.newslist ul li a{
  height: 100%;
  margin-top: -10px;
  text-decoration: none;
}

/*#promotion-mobile ul li:hover {
  background: #ededed;
  cursor: pointer;
}*/

.newslist ul li h3 {
  text-align: left;
  font-family: 'KandaBold';
  font-size: 26px;
  font-weight: 800;
  line-height: 22px;
  /*text-overflow: ellipsis;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;*/
}
.newslist ul li p {
   
   text-align: left;
   font-family: 'Kanda';
   font-weight: normal;
   font-size: 22px;
   line-height: 22px;
   margin-bottom: 15px;
   width: 90%;
   color: #666;
}

.newslist ul li i {
  float: right;
  margin-top:55px;
  margin-right: 30px;
  font-size: 22px;
  color: #dedede;
}






.newslist ul li img {
  float: left;
  margin-left:5px;
  margin-right:10px;
  width: 160px;
  height: 120px;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.33);
}


/*================= Responsive ================*/
/* XS Portrait */
@media (max-width: 480px) {
    
    .newslist{
        margin-top: -40px;
    }
    .newslist ul li {
      height: 90px;
    }
 
    .newslist ul li h3 {
      font-size: 18px;
      font-weight: 600;
     line-height: 20px;
      padding-left: 3px;
      padding-right: 3px;
    }
    .newslist ul li i {

      margin-top:30px;
      margin-right: 0px;
      font-size: 14px;
     
    }


    .newslist ul li p {
       display: none;
       
    }



    .newslist ul li img {
      float: left;
      margin-left:2px;
      margin-right:5px;
      width: 90px;
      height: 60px;

    }  
    
    
}

/* xs Landscape*/
@media (max-width: 768px)and (min-width: 481px) {
    .newslist{
        margin-top: -30px;
    }
    .newslist ul li {
      height: 110px;
    }
 
    .newslist ul li h3 {
      font-size: 26px;
      font-weight: 600;
      width: 300px;
      line-height: 22px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
    .newslist ul li i {

      margin-top:20px;
      margin-right: 0px;
      font-size: 14px;
     
    }


    .newslist ul li p {
        margin-top: -10px;
        font-size: 20px;
        line-height: 20px;
    }



    .newslist ul li img {
      float: left;
      margin-left:2px;
      margin-right:5px;
      width: 120px;
      height: 80px;

    }  
    
}