.ph-group  {width: 100%;margin: 0 auto 0px auto;position: relative;display: inline-flex;justify-content:center;flex-wrap: wrap;}

.ph{margin: 20px auto;width: 100%;}
.ph:hover{transform: none;}
.ph-menu{display: none;}
.slidecontain {display:none;}


.poi{width: 100%;}







.ph .ph-group-content{margin: 15px ;padding: 0px; width:30%;position: relative;transition: 0.3s;background: #FFF;}
.ph .ph-group-content-photo {display:block;position: relative;width: 100%;}
.ph .ph-group-content-photo img{width: 100%;}

.ph .ph-group-content-text{padding: 0px;width: 100%;}
.ph .ph-group-content-text-name{font:18px/1.4 "微軟正黑體";display: block;background: rgba(0,0,0,0.8);padding: 5px 10px;color: #fff;}
.ph .ph-group-content-text-detail{color:#000;font:15px/1.4 "微軟正黑體";margin: 5px auto ;padding: 2.5px 10px 5px 10px;width: 100%;}
.ph .ph-group-content-text-detail a {color:#000;}
.ph .ph-group-content-text-price {display: none;color:#0056bb;position: absolute;border-radius:5px;padding: 5px 10px;font:bold 20px/1.4 "微軟正黑體";text-align: center;margin: 10px auto;background: #FFF;bottom: 0;right: 10px;}
.ph .ph-group-content:hover {transform: scale(0.98);}
.ph .ph-group-content-text-price span{font-size: 80%;line-height: 1.8;}
.ph .ph-group-content-tag {position: absolute;left: 0%; top: 0px;font:15px/1.4 "微軟正黑體";color:#000;padding: 3px 20px 3px 10px;clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
background: #ffd83e;}
.ph .ph-group-content-text-sale{margin: 5px auto; font: 16px/1.4 "微軟正黑體"; color: #fff;padding: 5px 10px 2.5px 10px;display: inline-block;border-radius: 20px;background: #2557b7;}
.ph .ph-group-content-text-sale a { color: #fff;}
.ph .link-right{ background: #7faf54; text-align: center; display: block; margin: 10px auto 20px auto; width:28%; padding: 10px 20px 10px 10px;  color: #FFF; border-radius: 20px; font-size: 18px;min-width: 350px;position: relative;}
.ph .link-right:after{content: "→";width: 90%;height: 90%;position: relative;border-radius: 99em;background:#FFF;color: #7faf54;padding: 4px 7px;right: -10px;transition: 0.3s;}
.ph .link-right:hover:after{right: -15px;}
.ph-group-title{display: none;text-align: center;}
.ph-group-title span {font:bold 24px/1.6 "微軟正黑體";color:#0056bb;}



@media only screen and (max-width: 900px) {
.ph .ph-group-content{width: 40%;}
}



@media only screen and (max-width: 716px) {

.ph .ph-group-content{width: 90%;margin: 15px auto;}

.ph .ph-group-content-text-name{font:18px/1.4 "微軟正黑體";}

.ph .ph-group-content-text-detail{display: block;width: 100%;}

}


.poi-lecture {
    padding: 40px;
   
}

.indexContent .h3-title{
    color: #000;
    font-size: 46px;
   padding-top: 40px;

}
.poi-lecture  .ph-group-title{
   display: block;

}
.poi-lecture .ph .ph-group-content{
    width: 100%;
    z-index: 5;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    

}





.poi-lecture .ph .ph-group-content .ph-group-content-photo{
    order: 2;
    border: 6px solid #ffd83e;

}

.poi-lecture .ph .ph-group-content .ph-group-content-photo .ph-group-content-tag{
    background: #343434;
    color: #FFF;
}

.poi-lecture .ph .ph-group-content .ph-group-content-text{
    order:1;
    width: 55%;

}
.poi-lecture .ph .ph-group-content .ph-group-content-text-name{
   background: #ffd83e;
   color: #000;

}

.poi-lecture .ph .ph-group-content .ph-group-content-text-sale{
    background: unset;
    color: #2557b7;
    display: block;
    font-size: 24px;
    font-weight: bold;
 
 }
 
 .poi-lecture .ph .ph-group-content .ph-group-content-text-price{
    display: block !important;
    position: static;
    background: #2557b7;
    color: #FFF;

 }

 @media only screen and (max-width: 960px) {
    .poi-lecture .ph .ph-group-content{
        flex-wrap: wrap;
        border: 6px solid #ffd83e;
        gap: 0;
    }
    .poi-lecture .ph .ph-group-content .ph-group-content-photo{
        width: 100%;
        order: 1;
        border: unset;

    }
   
    .poi-lecture .ph .ph-group-content .ph-group-content-text{
        width: 100%;
        order: 2;
    }
 
    .poi-lecture .ph .ph-group-content .ph-group-content-text-price{
        width: 80%;
     }
 }