/* poiAutoTemplate css v1.1 20220920*/
#localPage, #localPage * {box-sizing: border-box; }



#localPage {position: sticky; top: 0; display: flex; flex-wrap: wrap; justify-content: center; overflow: hidden; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); z-index: 10; }
#localPage a {display: inline-block; flex-shrink: 0; padding: 10px 10px; text-decoration: none; font: 300 17px/1 "微軟正黑體"; color: black; }
#localPage a:hover {color: white; background: black; }
#localPage a.poiAutoTemplate-on {border-bottom: 2px solid black; }


.poiAutoTemplate, .poiAutoTemplate * {box-sizing: border-box; }
.poiAutoTemplate {}
 .poiAutoTemplate.poiAutoTemplate-center {margin: 0 auto; }
.poiAutoTemplate img {width: 100%; }
.poiAutoTemplate .ph-group {margin-bottom: 100px; width: 100%; }
.poiAutoTemplate .ph-group-title {display: block; padding: 5px 10px; text-decoration: none; font: bold 24px/1 "微軟正黑體"; color: black; text-align: center; letter-spacing: 3px; }
.poiAutoTemplate.poiAutoTemplate-changeTab .ph-group-title {display: none; }
.poiAutoTemplate.poiAutoTemplate-changeTab .ph-group-title.poiAutoTemplate-on {display: block; }
.poiAutoTemplate.poiAutoTemplate-titleHide .ph-group-title {display: none !important; }
.poiAutoTemplate .ph-group, .poiAutoTemplate.poiAutoTemplate-scrollTab .ph-group {display: flex; flex-wrap: wrap; }
.poiAutoTemplate.poiAutoTemplate-itemScroll .ph-group,
.poiAutoTemplate.poiAutoTemplate-scrollTab.poiAutoTemplate-itemScroll .ph-group {flex-wrap: nowrap; justify-content: start; overflow-x: scroll; }
.poiAutoTemplate.poiAutoTemplate-changeTab .ph-group {display: none; }
.poiAutoTemplate.poiAutoTemplate-changeTab .ph-group.poiAutoTemplate-on {display: flex; }

.poiAutoTemplate.poiAutoTemplate-menuTrans .ph-menu {display: none; }
.poiAutoTemplate .slidecontain {display: flex; flex-wrap: wrap; padding-bottom: 20px; overflow: hidden; }
.poiAutoTemplate .slidecontain li {display: inline-block; flex-shrink: 0; }
.poiAutoTemplate .slidecontain li.poiAutoTemplate-on {border-bottom: 2px solid black; }
.poiAutoTemplate .slidecontain li a {display: block; padding: 5px 10px; text-decoration: none; font: 300 17px/1 "微軟正黑體"; color: black; }
.poiAutoTemplate .slidecontain li:hover a {color: white; background: black; }


.poiAutoTemplate .ph-group-content {position: relative; display: inline-block; flex-shrink: 0; margin: 0 5px; padding: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); background: white; }
.poiAutoTemplate-box1 .ph-group-content {margin: 0; width: 100%; }
.poiAutoTemplate-box2 .ph-group-content {width: calc(100% / 2 - 10px); }
.poiAutoTemplate-box3 .ph-group-content {width: calc(100% / 3 - 10px); }
.poiAutoTemplate-box4 .ph-group-content {width: calc(100% / 4 - 10px); }
.poiAutoTemplate-box5 .ph-group-content {width: calc(100% / 5 - 10px); }
.poiAutoTemplate-box6 .ph-group-content {width: calc(100% / 6 - 10px); }



.poiAutoTemplate .ph-group-content-photo {position: relative; }
.poiAutoTemplate .ph-group-content-tag {position: absolute; top: 0; left: 0; display: block; padding: 5px 5px; font: 300 15px/1 "微軟正黑體"; color: white; background: black; }
.poiAutoTemplate .ph-group-content-text-name {display: block; padding: 5px 5px; font: 700 17px/1.5 "微軟正黑體"; color: black; }
.poiAutoTemplate .ph-group-content-text-sale, .poiAutoTemplate .ph-group-content-text-sale a {display: block; padding: 5px 5px; font: 700 15px/1.5 "微軟正黑體"; color: white; background: black; }
.poiAutoTemplate .ph-group-content-text-detail, .poiAutoTemplate .ph-group-content-text-detail a {display: block; padding: 5px 5px; font: 14px/1.8 "微軟正黑體"; color: black; }
.poiAutoTemplate .ph-group-content-text-price {display: block; padding: 5px 5px; font: 700 25px/1.5 "微軟正黑體"; color: crimson; text-align: center; }
.poiAutoTemplate .ph-group-content-text-price span {font-size: 0.5rem; display: inline-block; }

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

    .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box5 .ph-group-content, .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box6 .ph-group-content {width: calc(100% / 4 - 10px); }
}


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

    .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box3 .ph-group-content, .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box4 .ph-group-content, .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box5 .ph-group-content, .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box6 .ph-group-content {margin-bottom: 7%; width: calc(100% / 2 - 10px); } 
}

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

    .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box2 .ph-group-content, .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box3 .ph-group-content, .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box4 .ph-group-content, .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box5 .ph-group-content, .poiAutoTemplate.poiAutoTemplate-rwd.poiAutoTemplate-box6 .ph-group-content {margin-bottom: 10%; width: calc(100% - 10px); } 


}