.ph-menu{display: none;}


.poiMenuOpen .ph-menu{display: block;}

.poiMenuOpen .ph-menu .slidecontain {background: none;margin: 0px auto ;width: auto;display: block;white-space:normal;overflow-x: hidden;}
.poiMenuOpen .ph-menu .slidecontain li{font: bold 20px/1.2 "微軟正黑體";background: #FFF;display: inline-block;border-radius: 20px;padding: 3px 10px; margin: 5px;color:#2271a1;cursor: pointer;width: auto;}

.poiMenuOpen .ph-menu .slidecontain li a {color:#2271a1;}
.poiMenuOpen .ph-menu .slidecontain li a:hover{ color:#1f98af;  }
.poiMenuOpen .ph-menu img,
.ph-group-title img { display: none;}

.poiMenuOpen .ph-menu:before{content: none;}
.poiMenuOpen .ph-menu:after{content: none;}


.ph-group-content-tag{display: none;}


.ph-group-title{
	font: bold 34px/1.2 "微軟正黑體";
    color: #FFF;
    text-align: center;
    margin: 20px auto 10px;
    padding-top: 20px;
}

.poiBox .ph{     width: calc(100% - 10px); 
	background: none;
 }

 .ph-group{ display: flex;
    flex-wrap: wrap; justify-content: left;
 }

 .ph-group-content{
 	width: calc(25% - 10px);
   
    transition: all .3s ease-out;
    box-shadow: none;
    vertical-align: top;
    padding: 14px;
    box-sizing: border-box;
    text-align: left;
    background: #FFF;
    margin: 5px 5px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
 }
 .ph .ph-group-content a img {
    margin: 0;
 }

 .ph-group-content.phBox1{
    margin: 0 auto;
	width: 100%;
 }
 .ph-group-content.phBox2{

	width: calc(50% - 10px);
 }
 .ph-group-content.phBox3{
	width: calc(33.333333% - 10px);
 }


 .ph-group-content.phBox1,.ph-group-content.phBox2{
	display: flex;
 }
 .ph-group-content.phBox1 > div,.ph-group-content.phBox2 > div{
	display: inline-block; 
 }
 .ph-group-content.phBox1 .ph-group-content-photo{
 width: 40%;
 }
 .ph-group-content.phBox1 .ph-group-content-text{
    padding: 20px ;
   width: 60%;
   }

   .ph-group-content.phBox2 .ph-group-content-text{
      padding: 10px ;
      width: 50%;
     
     }
     .ph-group-content.phBox2 .ph-group-content-photo{
      
      width: 50%;
     
     }
    
.ph-group-content-text { padding-top: 10px;}

 .ph-group-content-text-name{
 	display: block;
    font: bold 20px/1.2 "Verdana", "Geneva", "微軟正黑體",sans-serif;
    color: #0087fd;
    padding-bottom: 5px;
 }

 .ph-group-content-text-detail{
 	display: block;
    font: 16px/1.6 "微軟正黑體"," Arial";
    margin-bottom: 30px;
 }

 .ph-group-content-text-detail a{color: #000;}
 .ph-group-content-text-sale {font: 16px/1.6 "微軟正黑體"," Arial";color: #f01818;}
 .ph-group-content-text-sale  a{color: #f01818;}


 .ph-group-content-text-price{
 	color: #f01818;
    display: block;
    text-align: right;
    width: 100%;
    position: absolute;
    bottom: 3%;
    left: -6%;

    font: 600 24px/1.4 "Verdana", "Geneva", sans-serif;
    letter-spacing: -2px;
 }


 .ph-group-content-text-price span{ font: normal 18px/1.4 "Verdana", "Geneva", "微軟正黑體",sans-serif; }




 @media screen and (max-width:1380px){
 	 .ph-group-content{ width: calc(33% - 10px); }
 }


  @media screen and (max-width:860px){
 	 .ph-group-content{ width: calc(50% - 10px); }
     .ph-group-content.phBox1 { width: 100%;}
     .ph-group-content.phBox2{
      display: block;
    }
    .ph-group-content.phBox2 > div{
      display:block; 
      width: 100%;
    }
    .ph-group-content.phBox2 .ph-group-content-text{
     
      width: 100%;
     
     }
     .ph-group-content.phBox2 .ph-group-content-photo{
      
      width: 100%;
     
     }
 }


   @media screen and (max-width:480px){
      .prodBox1 { width: 100%; border-radius: 0;}
 	 .ph-group-content{ width: calc(100% - 10px); }
     .ph-group-content.phBox1,.ph-group-content.phBox2,.ph-group-content.phBox3{
      display: block;
      width: 100%;
    }
    .ph-group-content.phBox1 > div,
    .ph-group-content.phBox3 > div{
      display:block; 
      width: 100%;
    }
    .ph-group-content.phBox1 .ph-group-content-photo { width: 100%;}
    .ph-group-content.phBox1 .ph-group-content-text { padding: 3% 0 0 0; width: 100%;}
    
   .ph-group-title{padding-top: 0;}
 }