.bloga1{
    background: url(https://resource.iyp.tw/static.iyp.tw/39119/files/187d5195-967a-4961-89dd-39cee11cebee.jpg);
    background-position: center;
    background-size: cover;
    margin: 0;
}
    @media only screen and (max-width: 767px) {
        ul.product-list li {
    width: 100%;
}
         .fcol.fcol-2 .img.img.img img{    max-height: 99999px;margin: 0;width: 100%;}
        
         .fcol.fcol-2 .img.img.img{max-height: 99999px;    height: 170px!important; padding-bottom: 0;}
         ul.product-list li h3 {
        padding: 10px 5px !important;}
       
       ul.product-list div.img {
    background: #777;
}
       .fcol.fcol-2 .desc.desc.desc{background:   #e5e5e5; color:#fff ;display: inline;    padding: 10px 10px;}
    ul.product-list li h3 {
            background: #e5e5e5;  padding: 10px 5px !important; margin: 0;}
    #addProduct {
            background: #e5e5e5;
    }
    }
  
@media screen and (min-width:1920px) { 
       .fcol.fcol-2 .img.img.img img{    max-height: 99999px;margin: auto;width: 100%;}
    .fcol.fcol-2 .img.img.img{max-height: 99999px;    height: 280px!important; padding-bottom: 0;}
        .fcol.fcol-2 .container {
    width: 80%;
}  
         ul.product-list li {
    width: 25%;
    margin-bottom: 0px;
    padding: 0 5px;
}}

@media screen and (min-width: 768px) and (max-width: 1920px){ 
           ul.product-list li {
    width: 33.3%;
    margin-bottom: 0px;
    padding: 0 5px;
}
       ul.product-list li a{padding: 0;}
       
    .fcol.fcol-2 .container {
    width: 75%;
}  
       
    .fcol.fcol-2 .img.img.img img{    max-height: 99999px;margin: auto;width: 100%;}
    .fcol.fcol-2 .img.img.img{max-height: 99999px;    height: 280px!important; padding-bottom: 0;}
    
 

        ul.product-list li h3 {
        padding: 10px 5px !important; margin: 0;}
       
       ul.product-list div.img {
    background: #777;
}
       .fcol.fcol-2 .desc.desc.desc{   background: #e5e5e5; color:#fff ;display: inline;    padding: 10px 10px;}
    ul.product-list li h3 {
            background: #e5e5e5;   padding: 10px 5px !important; margin: 0;}
    #addProduct {
            background: #e5e5e5; 
    } }
    


  
    
#bodyinpage.blog #banner,.h1title,.fcol.fcol-header {  display:none!important;    }

.blogx1 h1{
 font-size: 2em;
  margin: 20px 0; color:#F4F4F4 ;}

.blogx1 h2{ 
font-size: 1.2em;
  margin:4px 0;}
    @media only screen and (max-width: 767px) {
        
        .bloga1{  height: 300px;margin: 0 -30px !important;} 
    
      .bloga1a1 { max-width: 350px; position: relative;    top: 100px;    color: #fff;    margin: 0 auto;    font-size: 20px;    }
      
          .bloga1 a{    position: relative;    top: 120px;  color: #fff !important;    text-transform: uppercase;    text-decoration: none;
    text-align: center;
    font-size: 12px;
    padding: 4px 18px 4px 18px;
    border: 1px solid #fff !important;
    border-radius: 4px;
    display: inline-block;
    transition: all .4s ease 0s;}
    }
    .fcol.fcol-1 .container{width:100%;padding: 0;}
@media only screen and (min-width: 768px) {

  .bloga1a1 { max-width: 900px; position: relative;    top: 180px;    color: #fff;    margin: 0 auto;    font-size: 28px;    }
  
       .bloga1 a{    position: relative;    top: 215px;  color: #fff !important;    text-transform: uppercase;    text-decoration: none;
    text-align: center;
    font-size: 18px;
    padding: 8px 18px 8px 18px;
    border: 1px solid #fff !important;
    border-radius: 4px;
    display: inline-block;
    transition: all .4s ease 0s;}
.bloga1{
        height: 400px;
        background-attachment: fixed;}
    
    .blogx1 {width:70%;margin: 0 auto;}
    
     #product-header{
     margin-top: 0px;padding: 0;}
  
.p-list__body {
    display: flex;
    flex-wrap: wrap;
   /* margin: calc(50em/16) 0 calc(-60/1040*100%) calc(-19/1040*100%);*/
}
.p-list__bodyItem {
    flex-basis: calc(334/1059*100%);
    margin: 0 0 calc(60/1059*100%) calc(19/1059*100%);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.p-list__bodyItemImg {
    display: block;
    padding-top: calc(228/334*100%);
}
.c-targetimg {
    display: block;
    position: relative;
    overflow: hidden;}
  
a {
    color: #1a1a1a;
    border: 0;
    background-color: transparent;
    overflow: hidden;
    text-decoration: none;
}
.is-pc .c-targetimg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 0;
    mix-blend-mode: exclusion;
    background-color: rgba(255,255,255,.1);
    z-index: 2;
    transition: opacity .45s;
}
.p-list__bodyItemImg .body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.p-list__bodyItemBody {
    background-color: #fff;
    box-shadow: 0 20px 50px -10px rgba(4,0,0,.1);
    padding: calc(20em/16);
    flex-grow: 1;
}
.p-list__bodyItemBody .info {
    display: flex;
    align-items: center;
    font-size: calc(14em/16);
}
.p-list__bodyItemBody .title {
    font-size: calc(18em/16);
    line-height: 1.4;
    max-width: calc(255/294*100%);
    margin-top: calc(8em/18);
    overflow: hidden;
}
.p-list__bodyItemBody .title__body {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.p-list__bodyItemImg .body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.p-list__bodyItemImg .body_bg {
    height: 100%;
}
.c-targetimg__bodyImg {
    position: relative;
    z-index: 0;
    background-position: center;
    background-size: cover;

}}