#mtkContainer,#mtkContainer * { box-sizing: border-box; }
#mtkContainer { position: relative; }


/*globalMenu START 貫穿所有頁面的MENU*/
/*.globalMenu { position: -webkit-sticky; position: sticky; top: 0; display: flex; padding: 0px 0; justify-content: center; z-index: 10;
    background: rgba(0,0,0,0.75);
}置頂*/

.globalMenu {position: sticky; top: 0px; display: flex; padding: 0px 0; justify-content:center; z-index: 10;
    background:#ca9558;   /* border-bottom: 1px solid #046314;    border-top: 1px solid #046314;*/ width: 100%;margin: 0 auto;border-radius: 0px;overflow: hidden;
   
}

.globalMenu .secButton img{width: 26px;height: 26px;margin-right: 5px;transform: translateY(-3px);}
.globalMenu a { position: relative; display: inline-block; /*margin: 7px 20px;*/ padding: 13px 30px 10px 30px; font:24px/1 "微軟正黑體"; color: #fff; /*text-shadow: 1px 1px 0 rgba(0,0,0,0.5);*/
    /*transition: .5s;*/ z-index: 2; }
.globalMenu a:first-child { border-left:none; }
.globalMenu .secButton { position: relative;   text-align: center; overflow: hidden;vertical-align: top;}
.globalMenu .secButton::after { content: ""; position: absolute; top: 20%; right: 0; width: 1px; height: 60%; background: rgba(255,255,255,0.7);}
.globalMenu .secButton:last-child::after { display: none;}
.globalMenu .secButton:hover,
.globalMenu .secButton.on { color: black; /*background:#e3812b;*/background:#8bb952; /*text-shadow:1px 1px 0 rgb(0 0 0 / 75%);*//*border-radius: 0 0 20px 20px;*/}
.globalMenu a::after { content:"" ; position: absolute; top: -15px; left: 0; width: 100%; height: 0 ; z-index: -1; background: transparent; transition: .5s; }
/*.globalMenu a:hover::after,
.globalMenu a.on::after { height: calc(100% + 30px); border-radius: 0 0 20px 20px; background: #ff5618}*/
.secButton { display: block; position: relative; }
.secButton-button { display: none; position: absolute; top:100%; left:0; width: 100%; height: auto; background: rgba(0,0,0,0.5); }
.secButton-button a { display: block; padding: 3px 0; font:16px/1 "微軟正黑體"; color: #fff; text-align: center; text-shadow: none; border-left:none;}
.secButton-button a:hover::after { display: none;}
.secButton-button a:hover { color: #ff5618; text-shadow: none;}
/*.secButton:hover .secButton-button { display: block;}*/
/*globalMenu END 貫穿所有頁面的MENU*/


/*header START 版頭 */
header.header { position: relative; margin-top: 0px; height: 600px;}
/*header.header::after { content: ""; position: absolute; bottom:-5px; left: 0; width: 100%; height: 5px; background: #037fa9 ;}*/
/*h1 { display: none;}*/
h1 img { width: 100%; }
header.header { background: url(../images/header230322.jpg) top center no-repeat; }
header.header img {display: none;}


@media screen and ( max-width: 1400px){
    header.header {background-size: 135%; height: 41vw;}
}
@media screen and ( max-width: 900px){
    header.header {background:none;height: auto;}
    header.header img {display:block;width: 100%;}
}
/*header END 版頭*/


/*localMenu  START 單頁面的MENU*/
.localMenu { position: -webkit-sticky; position: sticky;  top: 0; display: flex; margin-top: 47px; padding: 0px 0; justify-content: center; z-index: 10;z-index: 50;background: #FFF;}
.localMenu a { display: inline-block; margin: 0 10px 0 10px; padding: 15px 25px; font:20px/1 "微軟正黑體"; color:#0c4268; border:1px solid #0c4268; border-radius: 10px;
    background: rgba(255,255,255,0.9); transition: .5s;}
.localMenu a:hover,
.localMenu a.on { color: white; border: 1px solid transparent; background: #0c4268; }
.localMenu a.on { position: relative; }
.localMenu a.on::after { content: ""; position: absolute; left: calc(50% - 10px); bottom:-5px; width:10px; height: 10px; border-left:5px solid #0c4268;
    border-top:5px solid #0c4268;    transform: rotate(-135deg);    
}
/*localMenu  END 單頁面的MENU*/

.goTop { position: fixed; bottom:5%; right: 20px; display: block; width: 50px; height: 50px; font:16px/50px "微軟正黑體"; color: white; text-align: center; z-index: 50;
    cursor: pointer;  background: rgba(0,0,0,0.5); border-radius: 99em;;}








/*poi*/
.poi {  position: relative;}
/*.poi::before { content: ""; position: absolute; bottom:0; left: 5%; width: 90%; height: 1px; background: rgba(0,0,0,0.15);}*/
.poi.type1 { position: relative; margin: 30px auto 100px auto; /*padding-bottom: 50px; */ width: 100%; max-width: 1400px;}
.poi.type1 h2 { padding: 5px 0; font: bold 24px/1 "微軟正黑體"; color:#404042; border-bottom: 2px solid #404042; }
.poi.type1 h2 span{color: #f17643; font: bold 20px/1.4 "微軟正黑體";}
.poi.type1 .ph { position: relative }
.poi.type1 .ph-menu { position: sticky; /*top: 51px;*/top:0px; z-index: 4; display: inline-block; padding: 1px 0 0px 0; background: #ebffdc;  width: 100%;  text-align: center;}
.poi.type1 .slidecontain { display: flex; justify-content: center; }
.poi.type1 .slidecontain li { display: inline-block; margin: 10px 0; border-left:1px solid black;  }
.poi.type1 .slidecontain li:first-child {  border-left: none; }
.poi.type1 .slidecontain li a { display: block; padding: 5px 8px; font: 16px/1 "微軟正黑體"; color: black; letter-spacing: 2px; ; }
.poi.type1 .slidecontain li a:hover,
.poi.type1 .slidecontain li a.on { color: #000; background:#c1e5a6; }
.poi.type1 .slidecontain img ,
.poi.type1 .ph-group-title img { display: none;}
.poi.type1 .ph-group { margin-bottom: 30px; display: flex ; flex-wrap: wrap;   }
.poi.type1 .ph-group-title { display: flex; margin: 20px 0 40px 0; justify-content: center; }
.poi.type1 .ph-group-title span { position: relative; display: inline-block; font: bold 30px/1 "微軟正黑體"; color: #414342; letter-spacing: 2px; }
.poi.type1 .ph-group-title span::after,
.poi.type1 .ph-group-title span::before { content: ""; position: absolute; top: 49%;  width: 50px; height: 1px; background: #414342; }
.poi.type1 .ph-group-title span::after { left: -55px; }
.poi.type1 .ph-group-title span::before { right: -55px; }
.poi.type1 .ph-group-content { display: inline-flex; margin-bottom: 1%; padding: 0 0 15px 0; width: 49%;  flex-shrink: 1; background: white;
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);  }




.poi.type1 .ph-group-content:nth-child(even) { margin-left: 1%;}
.poi.type1 .ph-group-content:nth-child(odd) { margin-right: 1%;}
.poi.type1 img { width: 100%;}
.poi.type1 .ph-group-content-photo { position: relative; display: inline-block; width: 40%; }
.poi.type1 .ph-group-content-tag {     position: absolute; top: 0px; left: 0px; font: 14px/2 "微軟正黑體"; color: white; letter-spacing: 2px; background: #f19d32;padding: 0 5px;}
.poi.type1 .ph-group-content-text { position: relative; display: inline-block; padding: 15px; width: 60%;}
.poi.type1 .ph-group .ph-group-content-text {padding: 15px 15px 40px 15px;}
.poi.type1 .ph-group-content-text-name { display: inline-block; padding: 0px 0px; font: bold 20px/1.4 "微軟正黑體"; color: #414342; border-radius: 0px;}
.poi.type1 .ph-group-content-text-sale { padding: 3px 0; font: bold 16px/1.4 "微軟正黑體"; color: #fffa45; letter-spacing: 2px; background: #c41f1d;display: inline-flex;margin: 5px 0;}
.poi.type1 .ph-group-content-text-detail { font: 14px/1.6 "微軟正黑體"; color: rgba(0,0,0,0.9); }
.poi.type1 .ph-group-content-text-price { position: absolute; bottom: 0px; right: 10px; font: bold 24px/1 "arial","微軟正黑體"; color: #f02727;  }
.poi.type1 .ph-group-content-text-price span { font-size: 0.7em; font-weight: 100; line-height: 1.7;}
.poi.type1 .ph-group-content-text-sale.padding{padding:3px 5px;}

/*poi*/




/*.poi.type1 .ph-group:nth-of-type(2) { position: relative;align-items:stretch; justify-content: center;   }
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content { width: 18%; flex-wrap: wrap ; align-content: flex-start;position: relative;padding: 0 0 30px 0;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(even) { margin-right: 0.5%; margin-left:  0.5%;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(odd) { margin-right:  0.5%;  margin-left:  0.5%;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-photo  { display: block; width: 100%; }
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-price { position: absolute; display: block; padding-top: 15px; width: 100%; bottom: 10px;right: 10px;text-align: right; }
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text  { display: block; width: 100%; padding: 0; position: static;}

.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-detail { padding: 0px 10px 10px 10px;margin-top: 5px;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-name { padding: 5px 10px; border-radius: 0; width: 100%; color: white;  background: #448842; font: 16px/1.4 "微軟正黑體"; letter-spacing: 1px;margin-bottom: 10px;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-sale {  font: 16px/1.6 "微軟正黑體"; color: #666666; letter-spacing: 2px; background: #fff7d6;display: inline-flex;margin: 0px 10px;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-sale.padding{padding:0px 5px;}


.poi.type1 .ph-group:nth-of-type(3) { position: relative;align-items:stretch; justify-content: center;   }
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content { width: 20%; flex-wrap: wrap ; align-content: flex-start;position: relative;padding: 0 0 30px 0;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content:nth-child(even) { margin-right: 2.5%; margin-left: 2.5%;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content:nth-child(odd) { margin-right: 2.5%;  margin-left: 2.5%;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-photo  { display: block; width: 100%; }
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-price { position: absolute; display: block; padding-top: 15px; width: 100%;  bottom: 10px;right: 10px;text-align: right;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text  { display: block; width: 100%; padding: 0; position: static;}

.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-detail { padding: 0px 10px 10px 10px;margin-top: 5px;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-name { padding: 5px 10px; border-radius: 0; width: 100%; color: white;  background: #448842; font: 16px/1.4 "微軟正黑體"; letter-spacing: 1px;margin-bottom: 10px;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-sale {  font: 16px/1.6 "微軟正黑體"; color: #666666; letter-spacing: 2px; background: #fff7d6;display: inline-flex;margin: 0px 10px;}

.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-sale.padding{padding:0px 5px;}*/




.poi.type2 { position: relative; margin: 30px auto 100px auto; padding-top: 50px;  width: 100%; max-width: 1400px;}
.poi.type2 h2 { padding: 5px 0; font: bold 24px/1 "微軟正黑體"; color: #d49425; border-bottom: 2px solid #d49425; }
.poi.type2 .ph { position: relative }
.poi.type2 .ph-menu { position: sticky; position: -webkit-sticky; top: 52px; z-index: 20; display: inline-block; padding: 5px 0 8px 0; background: #fff7e6; width: 100%;}
.poi.type2 .slidecontain { display: flex; justify-content: center; }
.poi.type2 .slidecontain li { display: inline-block; margin: 10px 0; border-left:1px solid black;  }
.poi.type2 .slidecontain li:first-child {  border-left: none; }
.poi.type2 .slidecontain li a { display: block; padding: 5px 8px; font: 16px/1 "微軟正黑體"; color: black; letter-spacing: 2px; ; }
.poi.type2 .slidecontain li a:hover,
.poi.type2 .slidecontain li a.on { color: #000; background: #fee1ae; }
.poi.type2 .slidecontain img ,
.poi.type2 .ph-group-title img { display: none;}
.poi.type2 .ph-group { margin-bottom:30px; display: flex ; flex-wrap: wrap; justify-content: center;  }
.poi.type2 .ph-group-title { display: flex; margin: 20px 0 40px 0; justify-content: center;color:#d49425; }
.poi.type2 .ph-group-title span { position: relative; display: inline-block; font: bold 30px/1 "微軟正黑體"; color: #d49425; letter-spacing: 2px; }
.poi.type2 .ph-group-title span::after,
.poi.type2 .ph-group-title span::before { content: ""; position: absolute; top: 49%;  width: 50px; height: 1px; background: #d49425; }
.poi.type2 .ph-group-title span::after { left: -55px; }
.poi.type2 .ph-group-title span::before { right: -55px; }
.poi.type2 .ph-group-content { display: inline-flex; margin-bottom: 1%; padding: 0 0 15px 0; width: 49%;  flex-shrink: 1; background: white;
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);  }


}


.poi.type2 .ph-group-content:nth-child(even) { margin-left: 1%;}
.poi.type2 .ph-group-content:nth-child(odd) { margin-right: 1%;}
.poi.type2 img { width: 100%;}
.poi.type2 .ph-group-content-photo { position: relative; display: inline-block; width: 40%; }
.poi.type2 .ph-group-content-tag { position: absolute; top:10px ; left: 10px; font: 14px/1 "微軟正黑體"; color: white; letter-spacing: 2px; text-shadow: 0 0 5px rgba(0,0,0,0.75); }
.poi.type2 .ph-group-content-text { position: relative; display: inline-block; padding: 15px 15px 40px 15px; width: 60%;}

.poi.type2 .ph-group-content-text-name { display: inline-block; padding: 0px 0px; font: bold 20px/1.4 "微軟正黑體"; color: #d49425; border-radius: 0px;}
.poi.type2 .ph-group-content-text-sale { padding: 3px 0; font: 16px/1.2 "微軟正黑體"; color: #666666; letter-spacing: 1px; background: #fff7d6;display: inline-flex;margin: 5px 0;}
.poi.type2 .ph-group-content-text-sale.padding{padding:3px 5px;}
.poi.type2 .ph-group-content-text-detail { font: 14px/1.6 "微軟正黑體"; color: rgba(0,0,0,0.9); }
.poi.type2 .ph-group-content-text-price { position: absolute; bottom: 0px; right: 10px; font: bold 24px/1 "arial","微軟正黑體"; color: #f02727;  }
.poi.type2 .ph-group-content-text-price span { font-size: 0.7em; font-weight: 100; line-height: 1.7;}
/*poi*/

    
/*.poi.type2 .ph-group:nth-of-type(1) { display: flex; padding-top: 20px; }
.poi.type2 .ph-group-title:nth-of-type(1) { /* display: flex;*/ 

.infor { position: relative; margin: 0 auto 0px auto; width: 100%; max-width: 1400px;}
.infor h2 { padding: 5px 0; font: bold 24px/1 "微軟正黑體"; color: #448842; border-bottom: 2px solid #448842; }

.infor-content {margin: 30px auto;justify-content: center;display: flex;flex-wrap: wrap;}
.infor-box{width: 30%;display: inline-flex;flex-wrap: wrap;overflow: hidden;max-width: 600px;justify-content: center;margin:10px;position: relative; }
.infor-content-photo { display: block ; width:100%;}
.infor-content-photo img { width: 100%;}
.infor-content-text { display: block ; padding: 15px 20px; position: absolute;top: 80%;left: 0;background: rgba(0,0,0,0.7);color:#FFF;height: 100%;transition: 0.3s;}
.infor-content-text h3 { margin-bottom: 10px;font: 20px/1.4 "微軟正黑體";text-align: center;}

.infor-content-text p { font: 15px/1.6 "微軟正黑體"; color: #FFF; letter-spacing: 2px; }
.infor-box:hover .infor-content-text {top: 0;}

.ph ,
.poi { height: auto; overflow: visible}

.bgColor1 { background: #fff7e6;  }
.bgColor1 .poi.type1 .ph-menu{ background: #fff7e6;  }



/*超級主打星*/
.poiStar *{transition: 0.2s;}
.poiStar {background:#fefff0;text-align: center;}
.poiStar h2 {text-align: center;display: inline-block;margin: 10px auto 10px auto;position: relative;}
.poiStar h2::after{content: "";width: 50%;height: 2px;background: #629938;position: absolute;bottom: 40%;right:-135px;z-index: 0;}
.poiStar h2::before{content: "";width: 50%;height: 2px;background: #629938;position: absolute;bottom: 40%;left:-125px;z-index: 0;}
.poiStar h2 img {max-width: 240px;width:100%;}
.poiStar .slidecontain ,.poiStar .ph-group-title{display: none;}

.poiStar .ph-group  {width: 100%;margin: 0 auto 0px auto;position: relative;display: inline-flex;justify-content:center;flex-wrap: wrap;}
.poiStar .ph{margin: 0 auto;width: 100%;max-width: 1500px;}
.poiStar .ph .ph-group-content{margin: 0px 15px;transition: 0.2s;padding: 8px 8px 40px 8px; width: 23%;position: relative;flex-shrink: 1;background: #FFF;text-align: left;border: 2px solid #aacf8d;    outline: 6px solid #FFF;}
.poiStar .ph .ph-group-content-photo {display: block;overflow: hidden;}
.poiStar .ph .ph-group-content-photo img{width: 100%;}
.poiStar .ph .ph-group-content:hover .ph-group-content-photo img{transform: scale(1.05);}
.poiStar .ph .ph-group-content-text{padding: 10px;}
.poiStar .ph .ph-group-content-text-name{color:#629938;font:bold 18px/1.3 "微軟正黑體";/*margin: 10px auto;*/display: block;/*padding: 10px 0;*/;}
.poiStar .ph .ph-group-content-text-detail{color:#414141;font:15px/1.4 "微軟正黑體";margin: 5px auto ;}
.poiStar .ph .ph-group-content-text-price {color:#f62a09;position: absolute;border-radius:10px 10px 0 0;padding: 5px 10px;font:bold 26px/1 "Century Gothic","微軟正黑體";text-align: center;display: block;right: 10px;bottom: 10px;}
.poiStar .ph .ph-group-content-text-price span{font-size: 70%;line-height: 1.8;}
.poiStar .ph .ph-group-content-tag {position: absolute; top: 20px;left: 0px; color: white; letter-spacing: 2px; padding: 5px 10px; font:17px / 1 "微軟正黑體";background: #e67b1c;border-radius: 0 20px 20px 0;}
.poiStar .ph .ph-group-content-text-sale{margin: 5px auto;font:bold 16px/1.6 "微軟正黑體"; color: #faff2b; background:#c41f1d;letter-spacing: 1px; padding: 0 5px;}

.poiStar p.more{display: block;font:18px/2 "微軟正黑體";padding: 10px 0;}
.poiStar p.more span{font-weight:bold;color:#d86500;}

.poiStar .ph-title{font:bold 24px/1 "微軟正黑體";margin: 0px auto 15px auto;color:#404042;}

.starBase{display: block;margin: 0 auto;}
.starBase *{transition: 0;}



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

.starBase .slick-prev {left: 10%;}
.starBase .slick-next {right: 10%;}

}


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

.starBase .slick-prev {left: 5%;}
.starBase .slick-next {right: 5%;}

}

@media only screen and (max-width:768px){
.starBase .slick-prev {left: 3%;}
.starBase .slick-next {right: 3%;}
.slick-dots li button:before{font-size: 16px;}
.slick-prev:before , .slick-next:before{font-size:30px;}

}




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

.poiStar .ph-group{justify-content: left;-webkit-overflow-scrolling: touch; overflow-scrolling: touch;overflow-x: scroll;flex-wrap: nowrap;padding: 1% 10%;}
.poiStar .ph .ph-group-content{width: 62%;flex-shrink:0;margin: 10px;}

.poiStar .ph-title {font:bold 20px/1 "微軟正黑體";}
}

@media only screen and (max-width: 500px) {
.poiStar h2{width: 75%;}
.poiStar h2::after,.poiStar h2::before{content: none;}
.poiStar .ph .ph-group-content{width: 92%;}

.poiStar p.more{line-height: 1.4; width: 90%;margin: 0 auto;}


}





@media only screen and (max-width: 1400px) {
.infor-box{width: 45%;}
.infor-content-text h3 {font:2vw/1.4 "微軟正黑體";}
.infor-content-text  {top:84%;}
}


@media only screen and (max-width: 1300px) {
.poi.type1 .ph-menu,.poi.type2 .ph-menu {top: 49px;}
}



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

.infor-box{display: block;border-bottom: 1px solid #6b6b6b;}

.infor-content-text{position: static;height: auto;background: #FFF;}
.infor-content-text h3 {color: #000; background: #FFF;font:bold 24px/1.6 "微軟正黑體";}
.infor-content-text p{color:#448842;}

}

@media only screen and (max-width: 500px) {
.infor-content-text h3 {font:bold 24px/1.2 "微軟正黑體";}
.infor-box{width: 80%;}
}


@media only screen and (max-width: 1024px) {
    .globalMenu { overflow-x: scroll; justify-content: start;}
    .globalMenu a {  flex-shrink: 0; font-size: 16px;}
    .globalMenu .secButton  {width: 100%;}
    .localMenu { position: fixed; top: calc(100% - 30px); margin-top:0; width: 100%;}
    .localMenu a { margin: 0;padding: 0; width: calc(100% / 3); font-size: 16px; line-height: 30px; height: 30px; border-radius: 0;
        border: none; text-align: center;
    }
    .localMenu a:after { display: none;}


    .poi.type1 .ph-menu,
    .poi.type2 .ph-menu { padding: 0; width: 100%;}  
    /*.poi.type1 .ph-group:nth-of-type(2)::after { display: none;}*/





@media only screen and (max-width: 768px) {
    /*.globalMenu { position: static;}*/
   /* header.header {  height: auto; background: none;}*/  
    /*.guishan header.header { background: none ;} */
    /*h1 {  display: block;}*/

    
    .localMenu a:hover { color: #73bde8; background: #fff;}
    .poi.type1 .slidecontain li a:hover { color: black; background: transparent;}

    .poi.type1 .ph-menu ,
    .poi.type2 .ph-menu { position: sticky; margin-bottom: 2%; width: 100%; /*background: none;*/ }
    .poi.type1 .ph-menu.on ,
    .poi.type2 .ph-menu.on { position: fixed; top: 0; left: 0;}





 
    .poi.type1 .ph-group .ph-group-content {  flex-wrap: wrap; align-content: flex-start; flex-shrink: 0;position: relative;}

    .poi.type1 .ph-group .ph-group-content-photo,
    .poi.type1 .ph-group .ph-group-content-text { display: block; width: 100%; align-self: start; vertical-align: top; position: static; }
    .poi.type1 .ph-group .ph-group-content-text-price { position: absolute; display: block; padding-top: 20px; width: 100%; text-align: center;bottom: 10px;right: 0;}

/*    .poi.type1 .ph-group:nth-of-type(2) { justify-content: center;  flex-shrink: 0; flex-grow: 1; }    
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content {  width: 30%; }

    .poi.type1 .ph-group:nth-of-type(3) { justify-content: center;}    
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content { width: 40%;}*/



    .poi.type1 .ph-group-content{padding:0 0 45px 0;} 


/*    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(odd),
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(even) { margin: 0 1% 3% 1%;}*/

    .poi.type2 .ph-group-content{padding:0 0 45px 0;} 
    .poi.type2 .ph-group .ph-group-content {  flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; position: relative;}
    
    .poi.type2 .ph-group .ph-group-content-photo,
    .poi.type2 .ph-group .ph-group-content-text { display: block; width: 100%; align-self: start; vertical-align: top; position: static; }
    .poi.type2 .ph-group .ph-group-content-text-price { position: absolute; display: block; padding-top: 20px; width: 100%; text-align: center;bottom: 10px;right: 0;}




    
}

@media only screen and (max-width: 600px) {
.globalMenu a {margin:7px 0;}
.globalMenu .secButton img{display: none;margin: 0 auto;width: 20px ;height: 20px;}
.globalMenu{top: 0px;}
.poi.type1 .ph-menu,.poi.type2 .ph-menu {/*top: 36px;*/ top:0px;}
 .poi.type1 h2 span{color: #f17643; font: bold 18px/1.4 "微軟正黑體";display: block;margin-top: 5px;}

}

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

    .globalMenu a{padding: 6px 0px 3px 0px;font-size: 14px;}


    .localMenu a { color: white; background: #73bde8;}
    .localMenu a.on { color: #73bde8; background: white ;}

    .poi.type1,
    .poi.type2 { margin: 0 auto 0% auto; padding-bottom: 0%; }
    
    .poi.type1 .slidecontain,
    .poi.type2 .slidecontain { display: flex; width: 100%; justify-content: center;}
    .poi.type1 .slidecontain { background: #e5e5e5;}
    .poi.type1 .slidecontain li,
    .poi.type2 .slidecontain li { margin: 0; flex-grow: 1; width: 33%;border-right: none; border-left: none;}
    .poi.type1 .slidecontain li a {color:#57a21f;padding: 10px 0; font-size: 14px; letter-spacing: 1px; text-align: center;}
    .poi.type2 .slidecontain li a {color:#d49425; padding: 10px 0; font-size: 14px; letter-spacing: 1px; text-align: center;}
    .poi.type1 .slidecontain li a:hover{color:#57a21f;}
    .poi.type2 .slidecontain li a:hover{color:#d49425;}    
    .poi.type1 .slidecontain li a.on { /*color: #FFF ;background: #387fb2;*/    color: #57a21f;background: #f5ebb1;}
    .poi.type2 .slidecontain li a.on { color: #FFF ;background: #d49425;}

    .poi.type2 .slidecontain { background: #fee1ae;}
    
    .poi.type1 h2,.poi.type2 h2,.infor .localMenuLink {padding: 5% 5%;}
   
    .poi.type1 .ph-group-title span,
    .poi.type2 .ph-group-title span { font-size: 24px; font-weight: bold;color:#51802d;}

    .poi.type1 .ph-group-title span::after, .poi.type1 .ph-group-title span::before{background: #51802d;}

    .poi.type1 .ph-group-title,
    .poi.type2 .ph-group-title{margin:20px 0 0px 0;}


    .poi.type1 .ph-group .ph-group-content-text-sale{margin:5px 11px;}
    .poi.type1 .ph-group { padding: 5% 5%; flex-wrap: nowrap; overflow-x: scroll;flex-grow: 0;align-items: stretch; }
    .poi.type1 .ph-group .ph-group-content { margin: 0 5% 0 0; width:300px; flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; }
    .poi.type1 .ph-group .ph-group-content-photo,
    .poi.type1 .ph-group .ph-group-content-text { display: block; width: 100%; align-self: start; vertical-align: top;  }
    .poi.type1 .ph-group .ph-group-content-text { padding: 0;  }
    .poi.type1 .ph-group .ph-group-content-text-detail { padding: 0 10px;}
    .poi.type1 .ph-group .ph-group-content-text-name { padding: 5px 10px;  width: 100%; border-radius: 0; line-height: 1.4;}
    .poi.type1 .ph-group .ph-group-content-text-sale { font-size: 16px;}

/*    .poi.type1 .ph-group:nth-of-type(2) {  padding: 5% 5%; flex-wrap: nowrap; overflow-x: scroll;flex-grow: 1;align-items: stretch; justify-content:flex-start }
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content {  width: 45%;  flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; flex-grow: 1;align-items: stretch; align-self:unset }
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(odd),
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(even) { margin-right: 5%; }*/
    

    .poi.type1 .ph-group:nth-of-type(3) { padding: 5% 5%; flex-wrap: nowrap; overflow-x: scroll; justify-content: start; }
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content { width: 70%; flex-wrap: wrap ; align-self: start; flex-shrink: 0; }
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content:nth-child(even) { margin-right: 1.5%; margin-left: 1.5%;}
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content:nth-child(odd) { margin-right: 1.5%;  margin-left: 1.5%;}
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content-photo  { display: block; width: 100%; }
    

    .poi.type2 .ph-group .ph-group-content-text-sale{margin:5px 11px;}
    .poi.type2 .ph-group { padding: 5% 5%; flex-wrap: nowrap; overflow-x: scroll;flex-grow: 0;align-items: stretch;  justify-content: start;}
    .poi.type2 .ph-group .ph-group-content { margin: 0 5% 0 0; width:300px; flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; flex-grow: 0;}
    .poi.type2 .ph-group .ph-group-content-photo,
    .poi.type2 .ph-group .ph-group-content-text { display: block; width: 100%; align-self: start; vertical-align: top;  }
    .poi.type2 .ph-group .ph-group-content-text { padding: 0;  }
    .poi.type2 .ph-group .ph-group-content-text-detail { padding: 0 10px;}
    .poi.type2 .ph-group .ph-group-content-text-name { padding: 5px 10px;  width: 100%; border-radius: 0; line-height: 1.4;}
    .poi.type2 .ph-group .ph-group-content-text-sale { font-size: 14px;}



    
    
}   











.intro{display: flex; justify-content: center; flex-wrap: wrap; max-width: 1400px; margin: 0 auto 50px;}
.intro > div{width: 30%; margin: 1.5%; text-align: center; font-size: 20px; line-height: 1.2; letter-spacing: 0.1em;}
.intro > div img{width: 100%; margin: 0.5em 0 1em; border-radius: 3em; border: solid 1px gray;  box-shadow: 0px 0px 10px 10px #fff7e6; }
.intro > div h4{font-size: 150%; font-weight: bold;}
.intro > div small{font-size: 80%; color: gray; vertical-align: bottom;}

.intro-h2{font: bold 30px/1 "微軟正黑體";  color: #0c4268;  letter-spacing: 2px; text-align: center;     margin-top: 70px;}
.intro-h2 span{position: relative;}
.intro-h2 span::after, .intro-h2 span::before{content: ""; position: absolute; top: 49%; width: 50px; height: 1px; background: #0c4268; } .intro-h2 span::before{    right: -55px;}
.intro-h2 span::after{    left: -55px;}



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

    .intro > div{width: 90%; margin: 5%; font-size: 16px; }
    .intro-h2{ font-size: 24px;     overflow: hidden;   margin-top: 1em; text-align: left; padding: 0 5%; }
    .intro-h2 span::after, .intro-h2 span::before{ display: none; }


}